web-dev-qa-db-ja.com

CSSでカスタム(ttf)フォントを使用する

Macを使用しており、「7 Segment」というフォントをインストールしています(Font Bookに表示されます)。 font-family: "7 Segment";を使用すると、ブラウザのデフォルトのフォントではなくHelvetica(または同様の)が表示されますが、正しいフォントが表示されません。このコンピューターでのみページを表示する必要があります。このページでフォントを使用するにはどうすればよいですか?ありがとう。

26
JJJollyjim

フォントを宣言するには、css-property font-faceを使用する必要があります。この豪華なサイトをご覧ください: http://www.font-face.com/

例:

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

参照: MDN @ font-face

60
JNDPNT

これはシステムフォントではありません。このフォントは他のシステムではサポートされていません。 font-face を使用して、これから Site または this からフォントを変換できます

enter image description here

0
Sanooj