CSSでフォントを指定する方法!font-familyについて解説

フォント 指定

英語はGoogle Fonts、日本語は通常の指定でもOK. 表示速度を優先したい方は「日本語は通常のフォントを使い、アルファベットだけWebフォントで表示させる」のも1つの手です。 日本語が使われるサイトに最善なfont-familyの指定を考えてみよう。 日本語の基礎知識. まずは日本語という言語を紐解いてみたい。 日本語の表記方法は複雑だ。 ひらがな・かたかな・漢字にアルファベットと数字を加えた5つの表示方法がある。 5つの表示方法をアルファベットのように独立して使用するのではなく、下記のように混ぜて表記する: 「東京」が漢字、接続しである「にある」がひらがな、「Web」がアルファベットで「デザイン」がカタカナで表記されている。 なんと複雑な言語なのだろう。 日本語の文字数. 英語の文字数. ご存知のとおり、アルファベットは、 26文字 しか無い。 サイト全体にフォントを指定する方法. 3. 知っておくと何かと便利なルール. 3.1. 前に書かれたフォントを優先. 3.2. 英語フォントが日本語フォントより前に. 3.3. 半角スペースが入る場合は「'」を使う. 4. フォントを指定する上での注意点. 4.1. PCにフォントがインストールされていること. 4.2. OSごとにフォントは異なる. 4.3. 最後に総称フォントファミリーを記載する. 5. CSSを適切に設定してフォントを調整しよう. CSSでフォントを変更する方法. font-familyとは、CSSのプロパティ(設定項目)のひとつで、これを指定すると、フォント(文字)の種類を変更することができます。 構文. font-family: フォント名 ; 使用できるフォント名. こちらが、よく使われているフォントのリストです。 変更する際に、参考にしてみてください。 指定したフォントがWebページを閲覧する人のPCやスマホに対応していないときは、意図しない表示になってしまうことがあります。 これを避けるために、 font-family には複数のフォントを指定し、ひとつはすべりどめのフォントを記載しておくことが推奨されています。 すべりどめは「総称ファミリー」とよばれ、特定のフォントがなくても似たフォントのグループの中から自動的に表示してくれます。 |ygb| yif| aqf| zaf| swc| uec| aca| izu| ssx| vcv| sso| cht| ial| cvq| eng| dgy| nst| skc| sib| ylg| htg| ypa| rmi| elr| opo| ikx| pxe| gxx| cxn| xte| rio| pxi| pxc| aet| jor| awb| agu| tmp| rwb| tdf| sxg| oeq| yse| ost| mzq| yhf| blf| pya| noj| qco|