成都网站建设之css特殊字体的引用
2016-08-20 分类： 网站建设
css引入特殊字体建议只是用英文字体，中文字体太大不适合。 在CSS中通过@font-face属性来实现网页中嵌入特殊字体。 首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG，确保能在主流浏览器中都能正常显示该字体。 .EOT，适用于Internet Explorer 4.0+
.TTF或.OTF，适用于Firefox 3.5、Safari、Opera
.SVG，适用于Chrome、IPhone
最常见的是.TTF文件，我们需要通过这种文件格式转换为其余两种文件格式。 http://www.fontsquirrel.com/fontface/generator提供的在线字体转换服务获取字体文件格式的转换。 在css中进行如下声明： @font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'), local('fontName'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg');
}
/*其中fontName替换为你的字体名称*/ 在css中使用这个字体
.TTF或.OTF，适用于Firefox 3.5、Safari、Opera
.SVG，适用于Chrome、IPhone
最常见的是.TTF文件，我们需要通过这种文件格式转换为其余两种文件格式。 http://www.fontsquirrel.com/fontface/generator提供的在线字体转换服务获取字体文件格式的转换。 在css中进行如下声明： @font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'), local('fontName'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg');
}
/*其中fontName替换为你的字体名称*/ 在css中使用这个字体
h1{font-family: fontNameRegular}
网站题目：成都网站建设之css特殊字体的引用
本文网址：https://www.cdcxhl.com/news29/42079.html
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 企业网站建设怎么让公司事半功倍？ 2016-08-20
- 网站建设时如何做好需求调研？ 2016-08-20
- 网站建设需要注意这4个重点问题 2016-08-20
- 成都专业网站建设需要多少钱？ 2016-08-20
- 网站建设的类型与功能介绍 2016-08-20
- 你了解企业网站建设前的种类和特性吗？ 2016-08-20
- 如何选择网站建设公司-创新互联 2016-08-20
- 网站建设如何备份数据？ 2016-08-20
- swiper多个特效怎么在同一页面上使用（成都网站建设） 2016-08-20
- 成都网站建设最关键的环节是网站的兼容性 2016-08-20
- 企业网站建设为什么不出色 2016-08-20
- 成都市企业网站建设 2016-08-20
- h5网站建设都有哪些特点？ 2016-08-20
- 成都网站建设告诉你互联网+究竟是什么？ 2016-08-20
- 创新互联（成都网站建设）之怎么应对百度取消外链 2016-08-20
- 网站建设现阶段的发展趋向 2016-08-19
- 网站建设应避免的几大误区 2016-08-19
- 成都市响应式网站网站建设必须重视哪些方面？ 2016-08-19
- 成都网站建设的目的有哪些？ 2016-08-19