对于本地字体,大家需要确保在使用时字体是能够被访问的。这意味着使顾客在下载网站时能够获取字体文件。为了确保字体被访问到,最好将字体文件保存在与网页同级的目录中。这就可以通过在字体文件名中使用相对路径来完成。例如:
@font-face { font-family: ‘MyFont’; src: url(‘fonts/MyFont.eot’); src: url(‘fonts/MyFont.eot?#iefix’) format(‘embedded-opentype’), url(‘fonts/MyFont.woff2’) format(‘woff2’), url(‘fonts/MyFont.woff’) format(‘woff’), url(‘fonts/MyFont.ttf’) format(‘truetype’); }
另一方面,使用Web字体允许您可以在不需要从本地文件系统获取字体文件的情况下访问字体。这提供了一种更为可靠的方法来使用特定的字体集合。它会从互联网上下载字体文件,然后在本地存储它们,以便将其应用于网站。它可以使用如下代码来实现:
@font-face { font-family: 'MyFont'; src: url('http://example.com/fonts/MyFont.woff') format('woff'), url('http://example.com/fonts/MyFont.ttf') format('truetype') }
无论哪种方法,选择正确的字体都非常重要。如果采用本地字体,则需要确保该字体已嵌入并可以访问,而如果选择Web字体,则需要确保从合适的渠道下载合适的字体文件。这样,网站将能够以正确的样式呈现,增加了网站访问者的乐趣和用户体验。