Question

我想使用名为＆＃34; Algerian＆＃34;的单一字体。在我的整个网站上。因此，我需要更改所有HTML标记，并且我不想为不同的标记编写不同的代码，例如：

button{font-family:Algerian;}
div{font-family:Algerian;}

下面写的方法也非常不鼓励：

div,button,span,strong{font-family:Algerian;}

Answer 1

*{font-family:Algerian;}

喜欢这个

Answer 2

将font-family声明放入body选择器：

body {
  font-family: Algerian;
}

页面上的所有元素都将继承此font-family（当然，除非您稍后覆盖它）。

Answer 3

通用选择器*指所有元素，这个css会为你做的：

*{
  font-family:Algerian;
}

但遗憾的是，如果您使用FontAwesome图标或任何需要自己的字体系列的图标，这只会破坏图标，并且不会显示所需的视图。

为避免这种情况，您可以使用:not选择器，fontawesome图标的示例为<i class="fa fa-bluetooth"></i>，因此您只需使用：

*:not(i){
  font-family:Algerian;
}

这会将此系列应用于文档中除标记名为<i>的元素之外的所有元素，您也可以对类执行此操作：

*:not(.fa){
  font-family:Algerian;
}

这会将此族应用于文档中的所有元素，但“fa”类的元素除外，它指的是fontawesome默认类，您还可以定位多个这样的类：

*:not(i):not(.fa):not(.YourClassName){
  font-family:Algerian;
}

Answer 4

* { font-family: Algerian; }

通用选择器*指的是任何元素。

Answer 5

确保移动设备不会使用重要信息以及通用选择器*更改字体及其默认字体：

* { font-family: Algerian !important;}

Answer 6

由于浏览器可能已经为表单元素定义了不同的字体，因此以下是两种在任何地方使用此字体的方法：

body, input, textarea {
    font-family: Algerian;
}

body {
    font-family: Algerian !important;
}

在pre / code，kbd等元素上仍然会有等宽字体，但是如果你使用这些元素，你最好在那里使用等宽字体。

重要提示：如果很少有人在其操作系统上安装此字体，则将使用列表中的第二种字体。在这里你没有定义任何第二种字体，因此将使用默认的serif字体，除了可能在Linux上，它将是Times，Times New Roman。有两个选项：如果您的字体可以作为可下载字体使用，请使用@ font-face或添加后备：第二个，第三个等等，最后是默认系列（sans-serif，cursive（*），monospace或衬线）。将使用用户操作系统上存在的第一个列表。

（*）Windows上的默认草书是Comic Sans。除非您想要哄骗Windows用户，否则请不要这样做:)除了您孩子的生日欢迎之外，这种字体很糟糕。

Answer 7

好的，所以我遇到了这个问题，我尝试了几种不同的选择。

我使用的字体是Ubuntu-LI，我在工作目录中创建了一个字体文件夹。在文件夹字体下

我能够应用它......最终这是我的工作代码

我希望这适用于我的整个网站，所以我把它放在css doc的顶部。在所有Div标签之上（并不重要，只要知道您分配的任何单独字体都会优先发布）

@font-face{
    font-family: "Ubuntu-LI";
    src: url("/fonts/Ubuntu/(Ubuntu-LI.ttf"),
    url("../fonts/Ubuntu/Ubuntu-LI.ttf");
}

*{
    font-family:"Ubuntu-LI";
}

如果我想让我所有的H1标签成为别的东西，那就说sans sifif我会做类似的事情

h1{
   font-family: Sans-sarif;
}

从这种情况下，只有我的H1标签是sans-sarif字体，而我的页面的其余部分将是Ubuntu-LI字体

Answer 8

如果＆＃34;身体＆＃34;请将其放在您的页面的头部。需要使用1和相同的字体：

<style type="text/css">
body {font-family:FONT-NAME ;
     }
</style>

代码<body>和</body>之间的所有内容都具有相同的字体

Answer 9

在Bootstrap中，网络检查员说标题设置为“继承”

将页面设置为新字体所需的全部是

div, p {font-family: Algerian}

在.scss中

Answer 10

*{font-family:Algerian;}

这个HTML对我有用。添加到wordpress中的画布设置。

看起来很酷 - 谢谢！

使用CSS将单个字体应用于整个网站

10 个答案: