Question

通常我们在html或css中使用的字体是使用style / id / class声明的，如font:"Georgia, Arial, Garamond;"。这意味着首先它会尝试查找Georgia，如果找不到，那么Arial继续查找下一个{{1}}。但是，我只是想知道是否有任何方法可以通过在我的主机服务器上传来使用字体。（我已经从互联网上下载的字体）？

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！

Answer 2

使用@ font-face

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-   family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

http://www.css3.info/preview/web-fonts-with-font-face/

在托管上使用手动上传的字体文件

2 个答案: