在 CSS 中使用自定义 (ttf) 字体

发布于 2024-12-06 10:34:17 字数 171 浏览 0 评论 0原文

我有一台 Mac，并安装了一种名为“7 Segment”的字体（它显示在字体簿中）。当我使用 font-family: "7 Segment"; 我得到 Helvetica （或类似字体）而不是浏览器的默认字体，但它仍然没有显示正确的字体。该页面只需在此计算机上显示。我将如何使用此页面上的字体？谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

海风掠过北极光 2024-12-13 10:34:18

您需要使用 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

You need to use the css-property font-face to declare your font. Have a look at this fancy site: http://www.font-face.com/

Example:

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