横青棒画

Font

使えるフォント手順

ブラウザ別の差異をなくすsanitize.cssをダウンロードしてフォルダに置くか≪link rel="stylesheet" href="URL書き込む">・head内では後に来るcssリンクが優先されるので最初の列におく。

Google Fonts
 グーグルフォントを使う  

Styles(太さ)選ぶ Regular 400とBold 700 webではこの2種類が良い

 

bodyの基本フォント作る

おすすめのfont-family設定例        
  

英語の元の意味は「綴り」 <font>タグでは 文字の色や種類、大きさを指定する

font - CSS: カスケーディングスタイルシート | MDN (mozilla.org) を開いて公式サイトみる

font-familyt

familyt元のラテン語意味 召使いや 奴隷の意味があるみたい

フォントファミリーを指定するプロパティみたい、つまり名前文字を指定です。

Font-familyのコード
 font-family: "Berkshire Swash", cursive;  
参考サイト これはfont-familyプロパティの例です: Copy "   font-family: "Berkshire Swash", cursive;  " この例では、最初に "Berkshire Swash" というフォントファミリーが指定されています。もしブラウザがこのフォントを見つけられない場合、代替として cursive というジェネリックなフォントファミリーが使用されます。 このように指定することで、テキストに特定のフォントを適用することができます。ブラウザは指定されたフォントを優先して使用しますが、そのフォントが利用できない場合には代替フォントが使用されます。

sans-serif

サンセリフのフォント (ゴシック体、Helveticaなど)を指定します。

serif

セリフ付きのフォント(明朝体、Timesなど)を指定します。

cursive

筆記体のフォントを指定します。

fantasy

装飾の多いフォント(Westernなど)を指定します。

monospace

等幅フォントを指定します。

※コンマで区切って複数のフォントを指定すると、先に指定したフォントが優先される。

font-family - CSS: カスケーディングスタイルシート | MDN (mozilla.org)

開いて公式サイトみる

1. 文章の編集が可能なエディター
2. テキストエディター
 ⬆ 作成し使いここまでのshow htmlをコピーして、指定コピー先をこのファイルにしてみたですが修正が面倒でした。