Webサイトを作成し、CSSファイルでWebからダウンロードしたフォントを使用すると、Windowsでうまく機能し、Webサイトで使用できますが、Linuxでページを実行すると、Linuxが機能しないため、もちろん機能しません。そのフォントを知っているので、私の質問は、自分のページをサーバーに配置する場合、そのフォントをサーバーなどに「インストール」する必要があるか、それともどのように機能するかということです。
3 に答える
フォントのWeb互換フォーマット(ブラウザごとに異なるフォーマットが必要)を作成してから、スタイルシートの@font-face
ルールを使用してフォントを含める必要があります。たとえば(これはhttp://fontsquirrel.comによって生成された出力です):
@font-face {
font-family: "YourFont";
src: url("YourFont.eot");
src: url("YourFont.eot?#iefix") format("embedded-opentype"),
url("YourFont.woff") format("woff"),
url("YourFont.ttf") format("truetype"),
url("YourFont.svg#YourFont") format("svg");
font-weight: normal;
font-style: normal;
}
次に、ブラウザは適切なフォントファイルをダウンロードして使用します。
フォントは、クライアントがインストールしたフォントによって異なります。サーバーにフォントをインストールしても意味がありません。
CSS3(すべてのブラウザでサポートされているわけではありません)では、カスタムフォントを使用するために@font-faceCSSプロパティを使用できます。カスタムフォントのもう1つの解決策は、GoogleWebfontsを使用することです。それ以外の場合は、Webセーフフォントを選択してください。
すべてのシステムで認識されない可能性のあるフォントを使用する場合は、一致するフォントファイルをWebサーバーに含める必要があります。これらのフォントは、CSSの@font-faceプロパティを使用して登録できます。
フォントを複数の形式(TrueTypeやOpenTypeなど)で登録してみてください。Times New RomanやArialなど、広く利用可能なフォールバックフォントを提供することもお勧めします。