在 CSS 中使用自定义 (ttf) 字体 [英] Using a custom (ttf) font in CSS
问题描述
我有一台 mac,并安装了一种名为7 Segment"的字体(它显示在 Font Book 中).当我使用 font-family: "7 Segment";
我得到 Helvetica(或类似字体)而不是浏览器的默认字体,但它仍然没有显示正确的字体.该页面只需要在这台计算机上显示.我将如何使用此页面上的字体?谢谢.
您需要使用 css-property font-face 来声明您的字体.看看这个花哨的网站:http://www.font-face.com/>
示例:
@font-face {字体系列:MyHelvetica;src: local("Helvetica Neue Bold"),本地(HelveticaNeue-Bold"),网址(MgOpenModernaBold.ttf);字体粗细:粗体;}
I have a mac, and have installed a font called "7 Segment" (it shows up in Font Book). When I use font-family: "7 Segment";
I get Helvetica (or similar) rather than the browser's default font, but it still isn't showing the correct font. The page only needs to be shown on this computer. How would I use the font on this page? Thanks.
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;
}
See also: MDN @font-face
这篇关于在 CSS 中使用自定义 (ttf) 字体的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!