CSS3中,开发者可以使用新的@font-face规则载入各种字体,免去了以前只能使用web-safe字体带来的限制。通过@font-face规则,我们可以将各种类型的字体文件上传到服务器,然后在网页中引用。
在使用@font-face规则时,我们需要注意以下几点:
@font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); }
上面的代码是一段样例,其中,font-family属性用来设置字体的名称,src属性则可以引用本地或远程的字体文件。format属性则指定字体文件的格式,这里我们使用了woff和woff2两种格式,因为它们能兼容绝大多数的浏览器。
除此之外,我们还可以通过其他属性来控制字体的显示效果,比如font-weight、font-style、font-stretch等等,让字体的展现更加多样化和精细化。
总的来说,CSS3中引入的@font-face规则是一个非常实用和强大的功能,可以有效地扩展页面上的字体选择,满足用户和开发者的多重需求。值得我们在日常开发中多加尝试和应用。