如果使用外部样式表，代码可能是这个样子：

@font-face { font-family: Junebug; src: url('Junebug.ttf'); }

.junebug { font-family: Junebug; font-size: 4.2em; }

，应该在一个单独的.css文件被保存(如styles.css的)。如果.css文件位于与页面代码分开的位置，则实际的字体文件应该与.css文件具有相同的路径，而不是.html或.php网页文件。然后该网页需要是这样的：在你的HTML页面的部分

。在这个例子中，字体文件应该与样式表一起位于css文件夹中。在此之后，只需在html中的任何标记内添加class =“junebug”，即可在该元素中使用Junebug字体。

如果你把CSS中的实际网页，添加样式标记在HTML的头，如：

@font-face { font-family: Junebug; src: url('Junebug.ttf'); }

和实际的元素风格既可以包含在上述

@font-face { font-family: Junebug; src: url('Junebug.ttf'); }

.junebug { font-family: Junebug; font-size: 4.2em; }

和

This is Junebug

和最不接受的方法是：

@font-face { font-family: Junebug; src: url('Junebug.ttf'); }

和

This is Junebug

它不适合使用的原因内联样式是最佳实践，表明样式应该保留在一个地方，以便编辑实用。这也是我推荐使用外部样式表的第一个选项的主要原因。我希望这有帮助。