Question

我记得我的IT老师说的如果我想下载自己的字体并将其放在我的网站上，我还需要上传字体文件。多数民众赞成直截了当，但如果我想托管我的网站，我将如何解决这个问题？感谢

Answer 1

您控制HTML中使用的字体的方式是通过CSS。要使用自定义字体，必须先在CSS中定义它，如下所示：

@font-face {
    font-family: myFirstFont;
    src: url(somefont.otf);
}

定义它之后，你可以通过在其他CSS中应用它来使用它：

div {
    font-family: myFirstFont;
}

通常使用的字体文件是TrueType（.ttf）或OpenType（.otf）。还有其他类型的专有类型，例如* .eot（Internet Explorer）。

您需要将这些字体文件与其他文件一起上传，例如.html，.css，.js等。

Answer 2

在网站上实现字体的方法很少，但首先我强烈建议您阅读一些文章using font-face，base64 embedding fonts in css和Getting started with Google fonts。我相信一切都会清楚。

Answer 3

为了为所有类型的浏览器添加costum字体支持，你应首先将costum字体转换为其他字体格式，如eot，woff等。有几个在线转换器可以做到这一点（它们将自动生成实际要添加到您网站的css规则。

@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?-jvpy8e');
    src:url('fonts/icomoon.eot?#iefix-jvpy8e') format('embedded-opentype'),
        url('fonts/icomoon.woff?-jvpy8e') format('woff'),
        url('fonts/icomoon.ttf?-jvpy8e') format('truetype'),
        url('fonts/icomoon.svg?-jvpy8e#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

如何在html上传自己的字体？

3 个答案: