看腻了原先的字体，亦或是想满足独树一帜的设计欲望？不妨更换一下网站的字体吧！ 引入字体文件 这里提供两种引入的思路，一种是 CDN 引入，一种是本地引入。建议通过 CDN 的方式引入，可以大大提高加载效率。…

自定义字体 CSS3引入的@font-face，让我们为我们的文本引入自定义字体，指定的字体可以从远程服务器或者用户本地安装的字体加载。@font-face规则不仅仅可以使用在CSS的顶层，还可以用在任何CSS条件组规则中。 一般我们使用只需要向下面这样定义就可以： @font-face {font-f…

（按发布时间排序） 1.老牌的 Font Awesome 已经更新到了版本5，目前免费图标有1608个。 中文官网：https://fa5.dashgame.com 2.丰富的Iconfont （阿里巴巴出品） Iconfont有着非常丰富的图标，有很多…

使用font-face调用服务器端字体的代码,我们先来看看css2手册中是怎么定义的： 以下是代码片段：[www.xlnv.net] 语法： font-face { font-family : name ; src : url( url ) ; sRules } 说明： name : 　字体名称 url : 　使用…

vue项目中使用特殊字体 最近项目中需要使用一些特殊字体，字体的效果图如下： 这是一种名叫DINCond-Regular的字体，下面以此为例介绍一下在vue项目中如何使用特殊字体： 1、获取特殊字体文件 首先需要获取特殊字体的源文件，一般由视觉同学给我们提供，字体文件通常是以eo…

前端开发的同学，我们经常会碰到需要还原设计稿中的特殊字体。这时，我们可能会采用两种方案： 1、使用photoshop将文本图层单独导出成图片; 2、直接引入改字体的字体库.ttf文件 首先第一种方案的缺点，使用图片代替文字，制…

网站上的字体样式都是通过CSS来控制的，CSS font-family属性可以设置文字字体样式。 常用的网站字体设置代码如下： body{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verd…

@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。…