首页 / CSS / CSS-fontface

CSS-fontface

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS-fontface，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1242字，纯文字阅读大概需要2分钟。

内容图文

@font-face { font-family: ' ref='nofollow'>; src: ' ref='nofollow'> [, ' ref='nofollow'>]*; ' ref='nofollow'>; }

<fontsrc> = ' ref='nofollow'> [format(' ref='nofollow'>)]

取值：

' ref='nofollow'>：
字体名称
' ref='nofollow'>：
此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径
' ref='nofollow'>：
此值指的是你自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype, opentype, embedded-opentype, svg等
' ref='nofollow'>：
定义字体相关样式

说明：

设置嵌入HTML文档的字体。
  • 需要兼容当前的主流浏览器，需同时使用TureTpe(.ttf)、Web Open Font Format(.woff)、Embedded Open Type(.eot)、SVG(.svg)四种字体格式。
  • 嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。即让客户端显示客户端所没有安装的字体。
  • .eot(Embedded Open Type)为IE的私有字体格式。Safari3.1开始支持.ttf(TrueType)和.otf(OpenType)。
  • 未来.woff(Web Open Font Format)将会取代.ttf(TrueType)和.otf(OpenType)两种字体格式。
  • 示例：使用一个全浏览器兼容的自定义字体

    代码如下：

    @font-face { font-family: ‘diyfont‘; src: url(‘diyfont.eot‘); /* IE9+ */ src: url(‘diyfont.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘diyfont.woff‘) format(‘woff‘), /* chrome、firefox */ url(‘diyfont.ttf‘) format(‘truetype‘), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(‘diyfont.svg#fontname‘) format(‘svg‘); /* iOS 4.1- */ }

    你需要同时提供4种格式的字体

原文：https://www.cnblogs.com/justart/p/8900639.html

内容总结

以上是互联网集市为您收集整理的CSS-fontface全部内容，希望文章能够帮你解决CSS-fontface所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1330831.html

来源：【匿名】