html - 自定义字体不起作用

标签 html css fonts

我想为我的网页使用自定义字体 (HP Simplified Light)。我已将字体文件上传到 Dropbox,并且我有链接 here . 但是没有任何反应。我得到 Times New Roman 作为字体。我试过在本地进行测试,在本地托管字体和 HTML 文档,但效果相同。

<html>
<head>
 <style>
    @font-face {
        font-family: HP Simplified;
        src: url('http://dl.dropboxusercontent.com/s/dau4s6y033jkg4y/HPSimplified_Lt.ttf');
    }

    h1 {
        font-family: HP Simplified
    }
 </style>  

 Hello world!
</html> 

最佳答案

您的 CSS 仅使用 HP Simplified 字体设置 h1 元素的样式。文本“Hello world!”不是 h1。您可以这样做:

<h1>Hello world!</h1>

或者您可以使用字体为所有内容设置 CSS 样式:

* {
    font-family: HP Simplified
}

关于html - 自定义字体不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30564402/

相关文章:

css - 在悬停时切换一种字体很棒,没有javascript

css - 更改字体后最后一个字换行

php - 使用 PHP gd 时为 "Could not find/open font"

html - 相对元素不包裹绝对容器

html - -webkit-overflow-scrolling 是否适合生产使用?

c++ - OS X 上 Carbon OpenGL 应用程序的字体

javascript - 想要跟踪视频何时完成(25%、50%、75%)?

javascript - 一个链接中的 jQuery 定位错误

javascript - 当我单击 HTML 页面中的按钮时,如何让 JSON 数据在我的警报调用中起作用?

html - 如何为 HTML 超链接中的每个单词添加不同的颜色?