JavaWeb的一些基础知识(八) ----- woff字体

时间:2021-11-02 12:50:50

1、 定义
Web开放字体格式(Web Open Font Format,简称WOFF)[1] 是一种网页所采用的字体格式标准。此字体格式发展于2009年,现在正由万维网联盟的Web字体工作小组标准化,以求成为推荐标准。此字体格式不但能够有效利用压缩来减少档案大小,并且不包含加密也不受DRM(数位著作权管理)限制

2、打开和编辑:
常见的字体设计软件应该都支持 .woff.
如 FontCreator, FontLab Studio, FontForge 等。
推荐使用 FontForge. 免费,开源,且支持多平台。

3、 使用:
把字体上传到你的CSS文件夹里或者是相同的目录下。包括IE、火狐在内的大多数浏览器都要求字体所在的域名是他们所托管的。
在CSS @font-face declaration里用完整的URL对应具体的字体文件的形式来定义字体,如下:

<STYLE TYPE="text/css"> <!-- /* include the idautomation.com Code39 WOFF Font -- */ @font-face { font-family: IDAutomationHC39M; src: url(http://www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff); } --> </STYLE>

引用字体:<font face="IDAutomationHC39M">(WOFF-FONT)</font>
实施域名限制,字体在浏览器里出现。

首先,在html中引入字体是css3新添加的属性,并不是所有的浏览器都兼容,这个只需要在css文件中引入类似如下代码就可以了

@font-face
{ font-family: myFirstFont; src: url('Sansation_Bold.ttf'), url('Sansation_Bold.eot'); /* IE9+ */ font-weight:bold; }

w3chool参考