iOS9やapple watch、MacOSX El Capitan等で採用されているシステムフォントのSan Franciscoですが 現在のところCSSではそのままfont-familyに指定しても表示されません。 font-familyの指定方法 .target { font-family: -apple-system, 'BlinkMacSystemFont', '.SFNSDisplay-Regular', sans-serif; } -apple-systemだけではchromeなどで表示されないのでBlinkMacSystemFontも併記します。 また一部記号が正常に表示されないこともあるので気になる場合は.SFNSDisplay-Regularも指定してください。 最後のsans-serifはSan Franciscoフォントが無い場合のフォールバックです。 必要な場合は