html - 为什么尽管使用了防弹@face-font 语法,我还是无法设置字体?

标签 html css fonts font-face local

尝试在 span 中使用本地保存的字体但没有结果。 这是我的代码:

@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 字体出现的任何想法?

最佳答案

如果你想使用这个字体,但是从你的机器上(不管是服务器还是本地 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

或者任何你想保存字体文件的地方。

关于html - 为什么尽管使用了防弹@face-font 语法,我还是无法设置字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23918699/

相关文章:

javascript - 如何动态地在 Owl Carousel 中创建新的幻灯片元素

javascript - 将 text.json 解析为 jquery.animation?

html - 关于 CSS 外部引用

php - 我们如何在 PHP 中为 Jquery-ui 对话框窗口创建自定义样式?

javascript - EmberJS 将动画添加到 DIV 以在操作事件上淡出和淡入

html - 在wordpress上更改代码字体大小

javascript - CSS/Javascript 中的直纹页效果

css - 在打印中使用 HTML5 details 元素

css - 垂直对齐文本 Mac 和 PC

android - Android 上有哪些字体可用?