家具网站开发设计任务书,主流搭建网站,电子商务网站建设 教学大纲,南充网站建设有哪些CSS中可以使用font-face属性即可实现调用任何外部等特殊字体。 font-face属性介绍及其实例#xff1a; 对浏览器的支持#xff1a; Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。 Internet Explorer 9 支持新的 fo…CSS中可以使用font-face属性即可实现调用任何外部等特殊字体。 font-face属性介绍及其实例 对浏览器的支持 Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。 Internet Explorer 9 支持新的 font-face 规则但是仅支持 .eot 类型的字体 (Embedded OpenType)。 使用您需要的字体。 在新的 font-face 规则中您必须首先定义字体的名称比如 myFirstFont然后指向该字体文件。 如需为 HTML 元素使用字体请通过 font-family 属性来引用字体的名称 (myFirstFont) 使用粗体字体。 您必须为粗体文本添加另一个包含描述符的 font-face。 文件 aa.ttf 是另一个字体文件它包含了 Sansation 字体的粗体字符。 只要 font-family 为 myFirstFont 的文本需要显示为粗体浏览器就会使用该字体。 通过这种方式我们可以为相同的字体设置许多 font-face 规则。 实际案例 1 案例1 1 2 3 4 5 6 7 8 9 10 11 12 style font-face { font-family: myFirstFont; src: url(aa.ttf), url(aa.eot); /* IE9,可以是具体的实际链接 */ } div { font-family:myFirstFont; } /style 1 案例2 1 2 3 4 5 6 7 font-face { font-family: myFirstFont; src: url(aa.ttf), url(aa.eot); /* IE9 */ font-weight:bold; } 注意事项 A、Internet Explorer 8 以及更早的版本不支持新的 font-face 规则。 B、代码中注意负符号均为英文状态下。 C、字体文件格式必须添加后缀且链接中必须带后缀。 font-face {font-family: SketchRockwell; /*这里是说明调用来的字体名字*/src: url(‘SketchRockwell.ttf’); /*这里是字体文件路径*/}.my_CSS3_class {font-family: SketchRockwell; /*这里设置某参数的字体值在这里是“my_CSS3_class”调用了你刚才声明的字体值SketchRockwell*/font-size: 3.2em; /*这里是字体大小*/}转载于:https://www.cnblogs.com/kttbk/p/7851123.html
