热搜:NVER node 开发 php

css3 @font-face_html/css_WEB-ITnose

2024-11-06 17:55:01
css3 @font-face_html/css_WEB-ITnose

很长时间,web设计师总是得用一些“web-safe”字体,现在@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。

原理是:字体文件放到web服务器,在需要的时候被自动下载到用户的计算机上。

一、@font-face介绍

语法:

@font-face {      font-family: ;      src:  [][, []]*;      [font-weight: ];      [font-style: 

普通字体

single malta

效果:

三、资源链接

网页中导入特殊字体@font-face属性详解

http://www.w3cfuns.com/thread-5597432-1-1.html

获取字体

http://www.google.com/fonts/

http://www.dafont.com/

第三方生成字体工具

http://www.fontsquirrel.com/fontface/generator