web-dev-qa-db-ja.com

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

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

cssfontstrue-type-fonts
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