其他用户无需安装字体就可以在浏览器中阅读 helvetica neue？答案

【问题标题】：Other user can read helvetica neue in browser without install the font?其他用户无需安装字体就可以在浏览器中阅读 helvetica neue？
【发布时间】：2013-12-02 19:13:40
【问题描述】：

我必须使用 '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;
}

【问题讨论】：

你试过绝对路径吗？
对不起，你说的绝对路径是什么意思？
您是否使用其他浏览器对此进行了测试？您的 @font-face 声明不适用于所有不同的浏览器。
我通过 IE 开发工具尝试使用 Chrome 和 IE8、IE9、IE10、IE11。但结果还是一样。我在当地跑步。所有浏览器都可以显示字体。
绝对路径例如http://www.yourdomain.com/css/images，相对路径是../css/images - @HowardHee

标签： css fonts font-face webfonts

【解决方案1】：

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

IE 的 EOT，
SVG 冷杉 Ipad，
FireFox 的 WOFF
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;
}

【讨论】：

我收到错误，“格式（'woff'）不是'src'属性的有效值”。-@Mark
当前版本的 Firefox 使用 TTF/OTF 没有任何问题 - 因此不需要 WOFF。有关 TTF 的一般支持，请参阅caniuse.com/ttf
错误消息“验证 (CSS 2.1): 'url('../css/Fonts/HelveticaNeueLTPro-CnO.otf'),' 不是 'src' 属性的有效值。”我认为问题是因为'src'。-@gzost