私は自分のウェブサイトに「Aparajita」というフォントの 1 つを使用しています。私のサイトがアクセスされるすべてのシステムで利用可能である必要はありません。
私の問題は、このフォントがブラウジングしている PC にインストールされている場合と、同じフォントがインストールされていない場合に見栄えが異なることです。
この問題を解決するにはどうすればよいですか。
ホスティング サーバーに "Aparajita" フォントをインストールする必要がありますか?
前もって感謝します..
フォントに対する法的権利があることを確認してください。
フォントを Web サーバーで使用できるようにします (つまり、画像やスタイルシートと同じように、HTTP 要求に応答してフォントを提供できるディレクトリに置きます)。
を使用して CSS で参照します@font-face
。
参照: https://developer.mozilla.org/en-US/docs/CSS/@font-face
Font Squirrelには、多くのフリー フォントとフォント関連ツールがあります。Google Fontsは、プロセス全体を抽象化することで、プロセスを非常に簡単にします。
検索する用語がわかったので (うまくいけば)、SO でカスタム フォントを使用する多くの例を見つけることができます。
Web サイトでカスタム フォントを使用するためにCSS3 @font-face
プロパティを使用できます。これを使用すると、そのフォントがインストールされているかどうかに関係なく、すべてのコンピューターでフォントが同じに見えます。
このように書くことができます:-
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
<font face="Your font_family">
こちらがフォントスタイルです。
<FONT SIZE=7 COLOR=RED>word</FONT></U></B>