CSS表記用Mac OSXのフォント名の確認方法 [CSS3,HTML5]

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

MacのOSX(macOSX)にインストールされているフォントを、スタイルシート(CSS)のフォントファミリーに指定したい場合のフォント記載名を確認する方法です。

“Font Book”アプリでフォントの情報に記載されている「PostScript名」をFontFamilyに適用する

Ricty Diminished Discord レギュラーをCSSに適用したい場合の例

具体的な調べ方は以前書いた記事の「Mac OSXのフォント名(システム用表記名)の確認方法」と同じフォント名の探し方なので、お手すきにご覧ください。

所感

最近、開発らしい開発を止めて、他人(すごい人たち)の書いたPHPやPythonなどのスクリプトを読みながら動作確認やデバッグ出力などをして再勉強をしているのですが、まさかの老眼が始まったのか、HTML出力でのプレーンなテキスト確認が読みづらくなりました。

そこでエディターでも使っている、全角・半角スペースやゼロをオーと間違えちゃうようなポケ子ちゃんのための「”Ricty Diminished“」フォントを使いたかったのです。

しかし、フォントの正式名称をスタイルに適用しても動かなかった(反映しなかった)ので、以前の記事にも書いたシステム用の内部フォント名ならいけると思ったところ、動きました。

ただし、Windowsでの表記名とは異なるので、両者で表示させたい場合は両者のフォント名をフォントファミリーに指定する必要があります。

Mac OSXのフォント名(システム用表記名)の確認方法
Mac OSXのフォント名(システム用表記名)の確認方法
システムで使われるフォント名の確認は、"Font Book"アプリで「フォント情報を表示」で確認できる「PostScript名」になります。

関連記事

Mac OSXのフォント名(システム用表記名)の確認方法... plistファイルなど、システムで認識されるフォントの記載名の確認方法 "Font Book"アプリで対象フォントを選び、表示の「フォント情報を表示」(もしくは⌘I)にした際に表示される情報の「PostScript名」 普段使うアプリの標準フォントの変更を、「.plist」ファイルや...

スポンサーリンク
レクタングル(大)広告

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク
レクタングル(大)広告