在 HTML 中使用 Web 字体需要遵循以下步骤:
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}
在上面的例子中,@font-face 规则定义了一个名为 'Open Sans' 的字体,并指定了字体文件的路径以及字体的格式。
body {
font-family: 'Open Sans', sans-serif;
}
在上面的例子中,body 元素的字体被设置为 'Open Sans' 字体,如果该字体不可用,则使用 sans-serif 字体作为备选字体。
使用 Web 字体的好处在于,可以使用自定义的字体来美化网页,并且不需要依赖用户计算机上已安装的字体。但是需要注意的是,使用 Web 字体会增加网页的加载时间,因此应该选择合适的字体格式和文件大小来平衡美观性和性能。