最新公告  | 
  • CTRL + D 加入收藏不迷路哦!

  • 欢迎您光临码云笔记网,一个关注WEB前端开发的个人技术博客!

Css3 @font-face在实际项目中如何使用

@font-face是css3中的一部分内容,它有什么作用呢?主要是用来自定义一些web字体用来嵌入到你的网页中,就比如说码云笔记四个字就是我通过@font-face来自定义的。可以说通过css3出来这一属性后,我们再也不用担心只能使用web安全字体了,你可以根据自己的需要来设定自己任意喜欢的字体,而且能够很好的兼容IE,为了让大家都会用它,我决定把我自己在项目中用的方法和心得整理出来和大家分享。

以码云笔记为例

Css3 @font-face在实际项目中如何使用

这样的字体是不是很让我们感觉特别的新颖了呢,就不用在用UI做一张字体图片上去了。

再和大家介绍css3 @font-face 之前,为大家补充一下基础知识。

一、@font-face的语法规则

@font-face {
font-family: ;//定义字体名称
src:  [

][,[]]*; [font-weight: ]; [font-style:


      
1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » Css3 @font-face在实际项目中如何使用

发表评论

准备开启WordPress网站建设推广?

联系我们 定制开发