@font-face クライアントが使用するサーバー側のフォント スタイル フォント変換ツール_html/css_WEB-ITnose

Web サイトがサーバーにデプロイされた後、CSS でフォ​​ントが設定されますが、クライアントには Songti またはその他のデフォルトの安全なフォントが表示されます。これは、クライアントに対応するフォント ライブラリがないためです。

クライアントにサーバー側フォントを正常に表示させたい場合は、CSS スタイル @font-face{} を使用してこれを実現できます。

具体的な実装方法はコードをご覧ください:

@font-face {
Font-family:'Rui Ziyun Water Cylinder';
src:url('Rui Ziyun Water Cylinder.eot');
src: url ('瑞子雲水柱.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('瑞子雲水柱.woff') format('woff'), /* 最新のブラウザ */
url('Rui ワードクラウド 水柱 body.ttf') format ('truetype'), /* Safari、Android、iOS */
url('Rui ワードクラウド 水柱ボディ.svg# シャープワードクラウド 水柱') format('svg'); /* Legacy iOS */
}

この場合、クライアントは関連する Web ページを開くときにフォント スタイルを自動的に読み込みます。ここで注意すべき点は、ロードするフォント スタイルが大きすぎてはいけないということです。大きすぎるとロードに時間がかかり、ロードに失敗する可能性がある程度あるため、フォント ライブラリを 10M より大きくしないことが最善です。 。

ロードされたフォントは通常の状況と同じように使用する必要があります。

TTF to EOT ツールのダウンロード アクセスパスワード: 21ce

関連情報

http://www.php100.com/manual/css3_0/@font-face.shtml