css3个性化字体_动力节点Java学院整理

2020-05-11 18:25:56易采站长站整理

其它的HTML和CSS代码如下:
 


.font-face-display {
font: 66px ChantelliAntiquaRegular, Helvetica, sans-serif;
}

<div class="font-face-display">Take me to your heart</div>

最重效果如下:

免费字体网站Font Squirrel

  Font Squirrel是一个非常优秀的免费字体资源网站,收集了很多高品质字体供网页设计者免费下载,还有个字体格式生成工具@font-face generator,上传一个字体文件,可以生成多种字体格式及CSS代码,非常有用。如果你需要一些优秀的免费英文字体,这是个好去处。

  想要丰富多彩的页面就需要有更多的字体样式,人们想出了很多字体替代方案,除了@font-face方案外还有sIFR、Cufon、Typeface.js等,还有.webfont,简单说,.webfont 就是在字体中嵌入了访问许可表,浏览器可以读出这些许可信息,并决定是否应该下载和渲染这些字体。另外还有Typekit也是一种值得关注的方案,将字体放在第三方服务器上供调用。这些方案的优缺点,将会在以后做详细的介绍。