如何加载自定义字体？答案

【问题标题】：How do I load a custom font?如何加载自定义字体？
【发布时间】：2015-10-23 01:36:31
【问题描述】：

我的字体是http://www.dafont.com/milasian-circa.font?text=

我将 TTF 保存在与 HTML 文件相同的文件夹中

我的 CSS 看起来像

@font-face { font-family: 'Milasian Circa PERSONAL'; src: url('MilasianCircaMediumPERSONAL.TTF'); } 

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: .67em 0;    
    text-align: center;    
    color: FloralWhite;
    font-family: 'Milasian Circa PERSONAL','Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

在我的 html 文件中

<h1><span>Test Message</span></h1><br><h3><span>Wednesday, October 28, 2015</span></h3>

我希望我的自定义字体能够显示，但它没有。它显示 Arial

【问题讨论】：

字体需要和CSS文件在同一目录
哦，这解释了很多
我的字体系列名称正确吗？
不需要，你只需要更改 src url 指向你保存字体文件的地方。
@softwareisfun 然后像这样链接到它：url('../fonts/MilasianCircaMediumPERSONAL.TTF');

标签： html css fonts

【解决方案1】：

使用此链接，它将创建各种格式的字体以供使用，并为您提供要使用的 html 代码

http://www.font2web.com/

【讨论】：

为什么这被否决了？即使它只是链接，它也回答了问题。
没关系@PraveenKumar。也许投反对票的人不想要这个答案:)