文字の指定 font
font-style : 文字のスタイル ;
文字のスタイルを指定します。
font-style : normal ; デフォルトの文字 あいうえお aiueo 12345
font-style : italic ; イタリックの文字 あいうえお aiueo 12345
font-style : oblique ; 斜体の文字 あいうえお aiueo 12345
font-weight : 文字の太さ ;
文字の太さを指定します。
font-weight : normal ; デフォルトの文字 あいうえお aiueo 12345
font-weight : bold ; 太文字 あいうえお aiueo 12345
font-weight : lighter ; 細文字 あいうえお aiueo 12345
font-weight : bolder ; 太文字 あいうえお aiueo 12345
font-size : 文字の大きさ ;
文字の大きさを指定します。
px 画面の解像度1pxが基準です。
font-size : 8px ;
あいうえお aiueo 12345
font-size : 12px ;
あいうえお aiueo 12345
font-size : 50px ;
あいうえお aiueo 12345
%
font-size : 50% ;
あいうえお aiueo 12345
font-size : 100% ;
あいうえお aiueo 12345
font-size : 150% ;
あいうえお aiueo 12345
7段階で指定
font-size : xx-small ;
あいうえお aiueo 12345
font-size : x-small ;
あいうえお aiueo 12345
font-size : small ;
あいうえお aiueo 12345
font-size : medium ;
あいうえお aiueo 12345
font-size : large ;
あいうえお aiueo 12345
font-size : x-large ;
あいうえお aiueo 12345
font-size : xx-large ;
あいうえお aiueo 12345
font-family : "フォント名" ;
文字の種類を指定します。
インストールされていない場合は意図した文字が表示されないので注意です。
インストールされていない場合は標準の文字になります。
最低WIN用・MAC用2種類は選択しておきましょう。
スペースのあるフォント名には「" "」「' '」で囲みます。
フォント名とフォント名の間は「 , 」で区切ります。
font-family : '第一候補のフォント名' , '第二候補のフォント名' , '第三候補のフォント名' ;
共通フォント
font-family : serif ; 明朝系
あいうえお aiueo 12345
font-family : sans-serif ; ゴシック系
あいうえお aiueo 12345
font-family : cursive ; 筆記体系
あいうえお aiueo 12345
font-family : fantasy ; 装飾系
あいうえお aiueo 12345
font-family : monospace ; 等幅系
あいうえお aiueo 12345
win・macよく似たフォント
font-family : "ＭＳ Ｐゴシック" , Osaka ;
win あいうえお aiueo 12345 MS Pゴシック
mac あいうえお aiueo 12345 Osaka
font-family : "ＭＳ Ｐ明朝" , 平成明朝 ;
win あいうえお aiueo 12345 MS P明朝
mac あいうえお aiueo 12345 平成明朝
font-family : Arial , Helvetica ;
win aiueo 12345 Arial
mac aiueo 12345 Helvetica
font-family : "Arial Black" , "Helvetica Black" ;
win aiueo 12345 Arial Black
mac aiueo 12345 Helvetica Black
font-family : Impact , Chicago ;
win aiueo 12345 Impact
mac aiueo 12345 Chicago
font-family : "Courier New" , Courier ;
win aiueo 12345 Courier New
mac aiueo 12345 Courier
font-family : "Times New Roman" , Times ;
win aiueo 12345 Times New Roman
mac aiueo 12345 Times
font-family : "Comic Sans MS" , Geneva ;
win aiueo 12345 Comic Sans MS
mac aiueo 12345 Geneva
文字が変わらない場合は、インストールされていません。
winのあなたもmacのあなたも、Osaka・ＭＳゴシックフォントくらいはインストールしておきましょう。
・win用Osakaフォントとmac用ＭＳゴシックフォントのＤＬサイト
font : italic blod 12px 'MS ゴシック' , sans-serif ;
一括して指定します。
関連記事