Question

我似乎无法在本地或在浏览器中预览时使@ font-face工作。我的CSS如下：

@font-face { 
 font-family: chopin-script.regular;
 src: local('chopin-script.regular'),
 url('/fonts/chopin-script.regular.ttf') format('truetype'); 
}

我的文件夹结构：

HTML：网站文件夹＆gt; HTML文件

CSS：网站文件夹＆gt; CSS文件夹＆gt; CSS文件

字体：网站文件夹＆gt;字体文件夹＆gt;字体文件

我已经完成了所有其他类似的问题，据我所知，我已经完成了所有已经说过的事情，并且无论如何，如果有什么东西我都没有道歉。我尝试过一些我没见过的地方。我也用.otf版本的字体尝试过这个相同的代码。

问候。

修改

我使用FontSquirrel生成字体，并按原样安装：

@font-face { 
font-family: 'ChopinScript'; 
src: url('/fonts/ChopinScript.eot'); 
src: url('/fonts/ChopinScript.eot?#iefix') format('embedded-opentype'),url('/fonts/ChopinScript.woff') format('woff'), url('/fonts/ChopinScript.ttf') format('truetype'), url('/fonts/ChopinScript.svg#webfont') format('svg'); 
}

它现在可以在本地正确显示，但在Firefox和IE中预览时仍然无法显示。但是，它确实可以在Chrome中运行。它们是我安装的唯一浏览器。

Answer 1

很抱歉发布此答案，但我无法发表评论。您是否允许使用字体名称中的点而不需要引号？如果它有空格或点，我通常会在它周围加上引号，以确保CSS的名称没有问题。试试font-family: 'chopin-script.regular';，看看是否有任何区别。

@ font-face不在本地或浏览器中显示

1 个答案: