如何使用CSS改变网页字体?-时代数字趋势

By 时代数字趋势2021-06-13

如果你需要用程序码编辑器对HTML和CSS文件进行字体修改，可以参考本篇文章的内容说明。

你要改变文字的字体，比如下面这行字。This text is in Arial

前后添加SPAN符号标籤，如下所示。<span> This text is in Arial</span>。

将属性style=””添加进span标籤。<span style=""> This text is in Arial </span>

在样式属性功能表中，以font-family来改变字体。<span style="font-family:Arial"> This text is in Arial </span>

储存更改程序码，并查看效果。

使用CSS来改变字体的技巧

最好的办法是在字体清单中始终最少保留两种字体，这样如果第一种字体不能使用，它就可以用第二种字体来代替。多个字体之间用逗号隔开，你可以参考下面的例子。font-family:Arial, Geneva, Helvetica, sans-serif;

上述例子是使用了行内样式，但最好的样式是使用一个外部样式表来对不同的元素做出修改，可以透过”class”来达到目的。<div class="arial"><p> This text is in Arial </p></div>

这个例子中的HTML设计样式的CSS文件将这样显示：Arial { font-family:Arial; }

若字体样式多于一个，保持在每个CSS后面加一个分号“;”，会是个很好的习惯。