@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 */
}