css如何使用服务端的字体

 时间:2024-11-23 09:57:35

1、新建html在本地IIS目录下,新建一个html,命名为字体调用.html,并用记事本打开文件,完善基本元素。如图:

css如何使用服务端的字体
css如何使用服务端的字体

2、新建div新建两个div标签,id分别为f1,f2,一个用来显示本地字体,另一个用来显示服务器字体,用来对比效果。如图:

css如何使用服务端的字体

3、本地样式接下来就是设计字体样式了。在<style>标签下,键入以下样式:#f1{font-family:"全新硬笔隶书简"; font-size:200px; color:#ff0000;}如图:

css如何使用服务端的字体
css如何使用服务端的字体

4、调用样式倦虺赳式在<style>标签下,键入以下样式:#f2{font-family:"迷你简行楷"; font-size:120px; color:#cd2586稆糨孝汶; src:url('/images/Anivers.otf') format('opentype');}如图:

css如何使用服务端的字体
css如何使用服务端的字体

5、浏览器兼间恒溪痞容Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type F泠贾高框onts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explorer 9+ 支持新的 font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。如图:

css如何使用服务端的字体

6、注意事项A、Internet Explorer 8 以及更早的版本不支持新的 font-face 规则。B、代码中注意负符号,均为英文状态下。C、字体文件格式必须添加后缀,且链接中必须带后缀。

css如何使用服务端的字体
  • eclipse怎么给你安卓模拟器发短信
  • js函数怎样传值到函数
  • jquery如何取得指定div下的所有img图片
  • VS Code界面怎么隐藏菜单栏
  • 如何使用jquery修改div里的文字内容?
  • 热门搜索
    运动会的手抄报 高中手抄报 端午节手抄报文字内容 五一英语手抄报 鲁迅的手抄报 语文知识手抄报图片 关于文明的手抄报图片 最美少年手抄报 70周年手抄报内容资料 我的梦中国梦手抄报内容