我想为我的网页使用自定义字体(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仅使用字体h1设置HP Simplified元素的样式。文字“世界你好!”不是h1。您可以这样做:

<h1>Hello world!</h1>


或者,您可以使用字体使CSS样式化:

* {
    font-family: HP Simplified
}

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

10-16 15:31