关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站制作技术:src描述符与高级字体描述符的编写

作者:佚名   时间:2014-03-14   分享到:

网站制作技术:src描述符与高级字体描述符的编写

在网站制作编写要根据客户要求而定义字体描述符:我们会用到src字体描述符,@font-face规则中的src描述符告诉浏览器要到哪里检索字体。对于可下载的字体来说,该描述的值就是其文档URL,在CSS语法中用url关键字表示。我们还可以在制作网页时用src引用在本地安装的字体(也就是存储在用户机器上的字体),但是使用的关键字是local而不是src,而且要提供字体本地名称。 src描述符的值可以是用逗号分开的位置列表。在我们前面的示例中,可能已经用到了:

src:url("http://www.kumquat.com/foumdry/kumquat-sans"),local("Lucida Sans")

这行代码告诉浏览器尝试从kumquat.com上下载并使用Kumquat Sans,如果无法下载命名用,就查找本地安装的Lucuda Sans的副本。 我们可以向浏览器提供一些暗示。CSS在涉及到字体文件的格式时,提供了很很大的灵活性。该标准认识到大量不同字体格式的存在,允许我们使用任何己希望的格式,同时假定浏览器可以理解这些格式。如果要提供格式暗示,可以使用关键字format,后面跟有一个或多个格式名,例如:

src:url("http://www.kumquat.com/foundry/kumquat-sans") format("type=1"),local("Lucida Sans") format("truetype","intellitype")

在这种情况下,外部字体是Type 1格式,而Lucida Sans的本地版本可以是、TureType和Intellifont两种格式。其他识别出来的字体格式包括truedoc-pfr、opentype、embedded-opentype、truetype-gx和speedo。 网站高级字体描述符

除了标准字体描述符之个,CSS2还支持大量更为机密的描述符,它们可以进一步改善字义的字体。一般的页面设计师都不是非常需要这些描述符,但是更谨慎的印刷则会发现它们非常有用处。

unicode-range描述符接受用逗号分开的Unicode值的列表,其中每个值都以U+开始,后面跟有一个十六进制的值。添加一个破折号和另外一个十六进制的值,就可以指定值的范围;问号可用于匹配该位置的任何值。

unicode-range描述符的目的是精确地定义在字体中定义的字符glyph。如果文档使用的字符不可用,浏览器就不会下载和使用该字体。例如,U+2A70的值表明字体中字体的哪个位中包含glyph。使用U+2A7?可以代表2A70~2A7F范围内的字符,而U+2A70-2A9F则定义了更宽的范围。从很大程度上来说,这种描述符用来限制特殊符号字体的使用,它规定了只能使用字体定义的那些符号。

units-per-em描述符接受单个的数值,它定义了字体的em区域的大小。如果使用em单位为其他描述符指定了值,该值就非常重要。(em是欧美文字改版的字行长单位,是给定尺寸的铅字所占有的表面积。例如,一个8点的铅字占有8点em的印刷面积。)

panose-1描述符接受用空格分开的10的倍数的整数值,这符合该字体的Panose-1的描述。

Stemv和stemh描述符定义了字体垂直和水平笔划的厚度,以em为单位。同样,cap-height和x-height描述符定义了字体中大写和小写glyph的高度。最后,ascent和descent描述符定义了整体的最大高度和深度。如果使用了其中任何一个描述符,还必须制定units-per-em描述符。

slope描述符定义了字体垂直笔划的范围。它对于匹配斜体字体方面非常重要。

baseline、centerline、mathline和topline描述符定义了字体的常规基线、中心基线、数学基线和顶部基线。它们都接受以em表示的数值。而且都要求我们也要指定units-per-em描述符。

bbox描述符接受整两闰坐标(x,y)对,用来指定字体边界框的左下角和右上角。如果浏览器选择在该字体的基础上合成一个字体,bbox描述符就会非常重要。通过指定边界框的大小,我们就可以确保合成的字体所占据的空间正好如人所愿。

widths描述符接受用逗号分开的Unicode范围列表,其后跟有用空格分开的值,这些值字义了字符在indicated范围中的字符宽度。如果为某个范围内的连续字符。与bbox描述符类似,widths描述也用来确保合成字体及其被请求的副本之间的近似度。

最后,可选的definitions-src描述符提供了某文件的url,该文件包含字体所用的全部打描述符。如果你需要详细地定义某种字体,那么使用该描述符将会非常方便。与其在做网站建设工作时使用该字体的文档或样式表中包括这些冗长的描述符,不如在一个单独的文件中一次性定义描述符,然后使用definitons-src描述符引用该文件。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6661.html

上海联楷网络新闻