Question

尝试在一个范围内使用本地保存的字体，但没有结果。这是我的代码：

@font-face {
    font-family: 'pacifico';
    src: local(C:\Users\ProBook\Dropbox\work\WEBDESIGN\bartCRM\site\pacifico\pacifico.eot) format('eot');
    src: local(C:\Users\ProBook\Dropbox\work\WEBDESIGN\bartCRM\site\pacifico\pacifico.woff) format('woff'),
        local(C:\Users\ProBook\Dropbox\work\WEBDESIGN\bartCRM\site\pacifico\pacifico.ttf) format('truetype'),
        local(C:\Users\ProBook\Dropbox\work\WEBDESIGN\bartCRM\site\pacifico\pacifico.svg) format('svg');
    }

span {
    font-family: 'Pacifico', Courier;
    font-size: 1.5em;
    }

和HTML：

<div id="text">
<span>a sentence</span>

有关如何制作Pacifico字体的任何想法都会出现吗？

Answer 1

只需将<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>添加到标题中即可。

DEMO

希望有所帮助！

Answer 2

如果您想使用此字体，但是要使用此机器（无论服务器还是本地PC都不重要），只需将此链接粘贴到浏览器：

http://fonts.googleapis.com/css?family=Pacifico

并复制代码。在此之后，从

更改此字体的路径

http://themes.googleusercontent.com/static/fonts/pacifico/v5/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff

到

fonts/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff

或您想要保留字体文件的任何位置。

为什么，尽管使用了防弹@ face-font语法，我无法设置字体？

2 个答案: