|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
想要制造一些很酷的头部效果并且挣脱网站平安字体而且不利用图片文件?那末就利用CSS3嵌进字体吧!
上一篇:CSS3教程(6):创立网站多列
要利用一款字体,我们起首必要利用‘@font-face’属性。这必需先筹办好我们要用的字体文件。
只管如许,让我们复杂的进修一下字体方面的汗青。@font-face属性从CSS2就已思索了,但却一直在CSS2.1中还没有呈现。CSS3实验经它带到尺度中来。
假如你手上没有字体文件,你能够在dafont.com下载一些。
跨扫瞄器兼容性
今朝只要Safari撑持@font-face特征(GoogleChrome开辟版2.0.156+也撑持这个特征)。
注重,你的扫瞄器必要一些工夫加载字体文件,以是,就今朝来讲,利用图片文件而不是CSS款式的用户体验会更好些。
CSS3嵌进字体
下面的效果可由上面的款式完成:- @font-face{font-family:qianduanNet;src:url("SketchRockwell.ttf");}.fontFace{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:center;}
复制代码 我们也能够对利用font-face的中央利用暗影效果。
- .fontFaceShadow{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:center;text-shadow:3px3px7px#111;}
复制代码 扫瞄器撑持:
- Firefox(3.05+…)
- GoogleChrome(1.0.154+…)
- GoogleChrome(2.0.156+…)
- InternetExplorer(IE7,IE8RC1)(IE7+撑持eot格局的字体文件)
- Opera(9.6+…)(撑持笔墨暗影)
- Safari(3.2.1+windows…)
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 |
|