要设置自定义字体,在 CSS 中,可以使用 @font-face 规则。@font-face 规则允许您定义一个与 Web 字体相关的资源,该资源可以在样式表中调用并加载到 Web 页面中。
以下是一个示例,说明如何使用 CSS 和 @font-face 规则来应用自定义字体:
@font-face { font-family: 'MyCustomFont'; / 自定义字体名称 / src: url('path/to/MyCustomFont.otf') format('opentype'); / 字体文件路径及格式 / }
body { font-family: 'MyCustomFont', sans-serif; / 应用自定义字体和备选字体 / }
在上面的例子中,@font-face 规则指定了自定义字体的名称和字体文件的路径、文件格式。然后在 body 内,通过 font-family 属性将自定义字体应用到页面中。
需要注意的是,不同浏览器对 font-face 规则的支持程度有所不同,还需提供不同格式的字体文件,如 .otf、.ttf、.woff 等,以保证在不同浏览器下字体能够正常加载显示。
另外,为了避免版权问题,使用自定义字体时还需事先确认授权和版权信息,确保合法使用。