html - 在主机上使用手动上传的字体文件

Question

通常，我们在 html 或 css 中使用的字体是用样式/id/类声明的，例如 font:"Georgia, Arial, Garamond;"。这意味着它首先会尝试查找 Georgia，如果找不到，则查找 Arial，然后继续下一个。但是我只想知道是否有任何方法可以通过在我的主机服务器上上传来使用字体。 (我已经从网上下载的字体)？

Answer 1

您可以使用 Font Squirrel将为您生成 CSS 代码的网站。

基本上，您上传要用于网页的字体:

• 它会生成跨浏览器所需的版本兼容性；
• 还为您提供一个文件，供您下载准备好的 CSS以及必要的字体文件。

查看此 working example !

为了更好地说明:

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

直接访问字体生成器 here !