重複の可能性:
非標準フォントを Web サイトに追加するには?
クライアントから .ttf ファイルが送られてきました。このファイルには、私が取り組んでいる彼の Web サイトでフォントとして使用する必要があり、このフォントを持っていない人はダウンロードする必要があるという指示が含まれています。
(フォントをダウンロードすることは)可能ですか?もしそうなら、フォントをダウンロードするためのcss/javascript/その他のコードは何ですか?
重複の可能性:
非標準フォントを Web サイトに追加するには?
クライアントから .ttf ファイルが送られてきました。このファイルには、私が取り組んでいる彼の Web サイトでフォントとして使用する必要があり、このフォントを持っていない人はダウンロードする必要があるという指示が含まれています。
(フォントをダウンロードすることは)可能ですか?もしそうなら、フォントをダウンロードするためのcss/javascript/その他のコードは何ですか?
CSS @font-face ruleを使用してフォントを埋め込むことができます。
これを行う最も簡単な方法は、おそらく、Font Squirrel ジェネレーターを使用して、.ttf をアップロードし、すぐに使用できる CSS スニペットとサンプル HTML ドキュメントと共に、さまざまなブラウザー用の形式に変換されたフォントを取得することです。
最初にフォントを定義し、名前を付けます。
@font-face {
font-family: cool_font;
src: url('cool_font.ttf');
}
その後、定義された名前で使用できます。
p.custom_font{
font-family: cool_font;
}