css启用服务器端字体样式示例编码

日期:2021-03-08 类型:科技新闻 

关键词:小程序如何制作,预约小程序,微信小程序怎么做,微信抽奖小程序,小程序外包

应用@font-face启用服务器端字体样式的编码,大家先看来看css2手册中是如何界定的:
下列是编码片断:
英语的语法:

拷贝编码
编码以下:

@font-face { font-family : name ; src : url( url ) ; sRules }

表明:

name :  字体样式名字
url :  应用肯定或相对性详细地址特定OpenType字体样式
sRules :  款式表界定

设定嵌入HTML文本文档的字体样式。
嵌入HTML文本文档的字体样式是指将OpenType字体样式(缩小的TrueType字体样式)文档投射到顾客端系统软件,用来出示HTML文本文档应用该字体样式,或替代顾客端系统软件已有的同姓名体。

示例:

拷贝编码
编码以下:

@font-face { font-family: dreamy; font-weight: bold; src: url(<a href="http://www.aa.com/font.eot">http://www.aa.com/font.eot</a>); }

上面的字体样式详细地址要换为你自身的。

Web 设计方案中有几种字体样式是较为安全性的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (汉语的,1般来讲宋体是唯1安全性的 – 译者),如今,应用 CSS2 的 @font-face 能够自身特定字体样式,但是由于牵扯到版权难题,具体能用的字体样式也是比较有限的 (此外,体积巨大的汉语字体样式也是1个不太好处理的难题 – 译者)。

url 详细地址务必指向 OpenType 字体样式文档(.eot或.ote)。此文档包括能够 变换为 TrueType 字体样式的缩小字体样式数据信息,能够用来出示HTML文本文档应用该字体样式,或替代顾客端系统软件已有的同姓名体。此文档可使 用 Microsoft WEFT 专用工具制做。