@font-face {font-family: 'FontName';src: url('example/fonts/fontname.ttf') format('truetype');}其中,font-family为所定义的字体名称,src为字体文件的所在位置以及格式。需要注意的是,字体文件的格式不同,需要使用不同的format值。接下来,我们需要在CSS样式中,将所需要应用这种字体的元素,设置字体名称为我们定义的名称即可。
例:
p {font-family: 'FontName', sans-serif;}其中,sans-serif为备用字体。如果所定义的字体无法加载,浏览器就会自动加载备用字体。总的来说,以上就是使用CSS来引用外部字体的基本操作,希望能对您的网站美化有所帮助。