コンピューターで実行するためのサンプルWebアプリを作成しています。自分のマシン「HelveticaNeueUltraLight」にあるフォントを使いたいのですが。しかし、ブラウザにフォントを使用させることができません。「HelveticaNeue」は使用できますが、Ultralightフレーバーは使用できません。
ありがとう
コンピューターで実行するためのサンプルWebアプリを作成しています。自分のマシン「HelveticaNeueUltraLight」にあるフォントを使いたいのですが。しかし、ブラウザにフォントを使用させることができません。「HelveticaNeue」は使用できますが、Ultralightフレーバーは使用できません。
ありがとう
コンピューターで特定の書体の名前を決定し、それを使用する必要があります。または、使用@font-face
しているブラウザで認識されるフォント形式を使用する場合は、特定のフォント ファイル名を使用することもできます。
書体の名前が簡単に推測できない場合は、DTL OTMaster Lightなどを使用して長いルートでフォントを分析する必要がある場合があります。CSS 仕様により、使用される名前は PostScript 名またはフォントのフルネームです。これらは、名前テーブルの nameID 値 6 および 4 に対応するエントリにあります。
または、別の方法でhttp://hasseg.org/stuff/fontList/example.htmlやhttp://www.fileformat.info/info/unicode/font/fontlist.htmなどのフォント リスト ツールを使用することもできます。
CSSファイル内(またはスタイルを定義している場所)から、次の方法でそのカスタムフォントを参照する必要があります。
@font-face {
font-family: cool_font;
src: url('cool_font.ttf');
}
その後、通常のCSS宣言と同じように使用できます。
p.custom_font{
font-family: cool_font; /* no .ttf */
}
このようにして、Webサイトで好きなだけカスタムフォントを使用できます。
オペレーティング システムによっては、オペレーティング システムにフォントをインストールし、フォントのファイル名だけでなく、システムにインストールされた名前を確認する必要があります。
よりグローバルでプラットフォームに依存しないソリューションとして、Web フォントを使用し、CSS を使用して実装することができます。次の Web サイトが役立ちます。