影子互联

专注深圳网站建设

CSS中使用在线字体的方法

时间:2017-12-13 19:55:03,点击:0

1.下载字体

从阿里在线字体http://iconfont.cn/webfont/中选择字体,下载

需登录.

2.上传字体

修改字体文件夹名称为font

上传字体文件夹到网站

例如:

主体文件夹为default

css文件位置: default/css/common.css

则上传font到default目录中即可

 

3.使用字体

在css文件头部添加以下代码

@font-face {font-family: 'webfont';
  src: url('../font/webfont.eot'); /* IE9*/
  src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}

 

使用

font-family: "webfont";