css - 其他用户可以在浏览器中阅读 helvetica neue 而无需安装字体？

Question

我必须使用“helvetica neue”作为我的 asp.net 默认字体。在我的电脑上安装后，我可以将字体添加到我的 css 中，并且在本地运行 Web 应用程序时它可以工作。但是在我部署到服务器之后。 'helvetica neue' 字体不工作。是否必须在用户计算机上安装字体？

我的 CSS:

@font-face { font-family: Delicious; src: url('../css/Fonts/HelveticaNeueLTPro-CnO.otf'); } 

body
{
    background: #fff;
    color: #333;
    /*font-family: HelveticaNeueLT Pro 63 MdEx;*/
    font-family: Delicious, sans-serif; 
    font-size: 76%; /* all font sizes are related to this initial 'small' font-size setting (which is more or less 12pt) */
    min-width: 730px; /* min- and max-width don't work in IE Win 6 and below */
    max-width: 1250px;
}

Answer 1

您的@font-face 不完整，您需要更多文件:

1. IE 的 EOT，
2. 适用于 Ipad 的 SVG，
3. FireFox 的 WOFF
4. 其余为 TTF/OTF

您可以在 Font Squirrel 创建这些字体文件

@font-face {
 font-family: 'Delicious';
 src: url('../css/Fonts/HelveticaNeueLTPro-CnO.eot');
}

@font-face {
 font-family: 'Delicious';
 src: url(//:) format('no404'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.woff') format('woff'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.ttf') format('truetype'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.svg#Delicious') format('svg');
 font-weight: normal;
 font-style: normal;
}