美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:
1. 不可能大范围的使用该字体;
2. 图片内容相对使用文字不易修改;
3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。
网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。
外部字体怎么添加?
我wxss里添加了 @font-face 代码,一般来说应该支持的,但还是不支持。 如下:
@font-face { font-family: '字体名称'; src: url("../../resources/font/UKIJTuzTom.eot"); font-weight: normal; font-style: normal; }