CSS 加载 TTF 字体文件的方法很简单,只需要在 CSS 文件中使用 @font-face 规则定义字体,然后设置 font-family 属性即可。
这里是一个示例:
@font-face { font-family: 'MyFont'; src: url('MyFont.ttf') format('truetype'); } body { font-family: 'MyFont', sans-serif; }
在以上代码中,定义了一个名为 MyFont 的字体,使用了一个 TTF 字体文件 MyFont.ttf。
在 body 元素中,设置了字体族名称 font-family 为 MyFont。如果浏览器支持 MyFont 字体,则使用它;否则,使用 sans-serif 字体作为回退字体。
需要注意的是,字体文件的路径应该是相对于 CSS 文件的路径,也就是说,如果字体文件和 CSS 文件在同一个文件夹下,那么只需要写字体文件的文件名即可。
如果想要在页面中使用特定的字体,可以使用免费的字体网站如 Google Fonts 来搜索并下载所需字体。使用方法也很简单,只需要复制它们提供的代码片段到网页中即可。