外字フォントがないうちにinbuiltフォントがhtml内で動作するのはなぜですか？

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Inbuilt font face Inbuilt font face </body> </html>

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Externally installed font face Externally installed font face </body> </html>

Windowsを含むプラットフォームやオペレーティングシステムで共有されるフォントはごくわずかです。

"Algerian"フォントは、フォントがインストールされていない他の人には使用できません。フォントを使用する場合は、ユーザーが目的のフォントを持たない場合に備えて、フォント定義の末尾に汎用フォントセットを含めることをお勧めします。例：

html { 
    font-family:"Algerian", arial, serif; 
}

カスタムフォントセットを作成してサイトにインストールする方法があります。ソリューションはFontSquirrel（商業）とGoogle Fonts（無料）を含みます。これらは一般に「Webフォント」として知られています。

FontSquirrelの場合、希望のフォントセットをアップロードすると、ジェネレータはWeb互換のフォントセットを作成します。 Googleのフォント私はカスタムオプションを提供しているとは思わないが、選択できるフォントは100種類ある。

両方のプロセスでは、対応するWebフォントファイルを含め、かなりの量のCSSをサイトに追加する必要があります。しかし、彼らは確かに鋭く見える！

既存のコードに関しては、タグなどの非推奨のHTMLの使用を控えてください（fontタグはHTML 4.01では廃止されました）。それらをクラスでタグに置き換え、CSSでそれらのフォントを定義します。

<span class="yourStyleClass">xxxxxxx</span> 

.yourStyleClass { 
    font-family:"Spirax", arial, serif; 
}

希望します。

出典

2017-07-14 13:49:00 recurse

質問への回答に感謝します。しかし、実際には、特定のフォント（この場合はアルジェリア語）がインストールされているPCと、ダウンロードしてインストールする別のPC（この場合はSpirax）のいずれかでPCを実行したかったのです。そして、私はタグが使用されていないという事実を知っています。私はちょうど私の友人にCSSを使わずにフォントフェイス/スタイルを変えることができるようにしたかったのです。それは、CSSをまだ学んでいないからです。 –

Spiraxあなたは `https://fonts.googleapis.com/css?family=Spirax

<html> 
<head> 
<title>Google Fonts</title> 
<link href='https://fonts.googleapis.com/css?family=Spirax' rel='stylesheet'> 
</head> 
<body style= "font-family: 'Spirax';"> 
<h1>Spirax</h1> 
</body> 
</html>

出典

2017-07-14 13:59:06

外字フォントがないうちにinbuiltフォントがhtml内で動作するのはなぜですか？

答えて

関連する問題