要使用外部字体,首先大家需要在 CSS 样式表中声明字体,这样大家就可以在 HTML 页面中引用这些字体。假设大家的字体文件名为 “Custom.ttf”,它存放在 “fonts” 目录下。以下是 CSS 中声明字体的代码:
@font-face { font-family: Custom; src: url('fonts/Custom.ttf'); }
上面的代码表示创建了一个名为 “Custom” 的字体,字体文件路径为 “fonts/Custom.ttf”。接下来,大家可以在 CSS 文件中使用这个字体:
p { font-family: Custom, Arial, sans-serif; }
上面的代码表示当 Custom 字体不可用时,使用 Arial 字体和系统默认的 sans-serif 字体。这样就保证了即使用户没有安装 Custom 字体,也能正常显示页面。
总之,CSS 外部字体引用是实现网站美化和视觉效果的一种非常有效的方式。通过引用更多的字体,大家可以更好地控制页面的字体、大小和排版,从而打造出更加出色的网站。