0

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

4

2 回答 2

5

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

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

  • 它将生成具有跨浏览器兼容性所需的版本;
  • 还为您提供了一个文件下载,其中包含准备好的CSS 和必要的字体文件。

请参阅此工作示例

为了更好地说明:

@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;
}

在此处直接访问字体生成器!

于 2012-05-30T20:02:22.050 回答
0

使用@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/

于 2012-05-30T19:57:27.050 回答