112

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

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

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

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

10 回答 10

137

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

body {
  font-family: Algerian;
}

然后，您页面上的所有元素都将继承此字体系列（当然，除非您稍后覆盖它）。

于 2012-04-06T09:41:07.060 回答
116 
*{font-family:Algerian;}

下面更好的解决方案 使用 CSS 将单个字体应用于整个网站

于 2012-05-10T15:22:10.023 回答
64

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

*{
  font-family:Algerian;
}

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

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

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

这会将这个系列应用于文档中的所有元素，除了带有标签 name 的元素<i>，您也可以对类执行此操作：

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

这将把这个系列应用于文档中的所有元素，除了类“fa”的元素，它指的是 fontawesome 默认类，你也可以像这样定位多个类：

*:not(i):not(.fa):not(.YourClassName){
  font-family:Algerian;
}
于 2016-03-01T22:06:54.253 回答
19

通过使用 important 和通用选择器 * 确保移动设备不会使用其默认字体更改字体：

* { font-family: Algerian !important;}
于 2012-04-06T18:52:41.567 回答
18 
* { font-family: Algerian; }

通用选择器*引用任何元素。

于 2012-04-06T09:52:42.187 回答
3

由于浏览器可能已经为表单元素定义了不同的字体，这里有两种在任何地方使用该字体的方法：

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

body {
    font-family: Algerian !important;
}

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

重要提示：如果很少有人在他们的操作系统上安装此字体，则将使用列表中的第二种字体。在这里，您没有定义第二种字体，因此将使用默认的衬线字体，它将是 Times，Times New Roman，但可能在 Linux 上除外。
有两个选项：如果您的字体可免费用作可下载字体，请使用 @font-face 或添加备用字体：第二个、第三个等，最后是默认系列（无衬线、草书 (*)、等宽字体或衬线）。将使用用户操作系统上存在的列表中的第一个。

(*) Windows 上的默认草书是 Comic Sans。除非您想欺骗 Windows 用户，否则不要这样做 :) 这种字体很糟糕，除非您的孩子生日时欢迎它。

于 2012-04-06T09:55:33.560 回答
2

如果“正文”需要使用 1 和相同的字体，请将其放在页面的头部：

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

标签之间的所有<body>内容都</body>将具有相同的字体

于 2016-01-15T16:27:07.287 回答
1

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

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

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

我希望这适用于我的整个网站，所以我把它放在 css 文档的顶部。最重要的是 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 sarif 我会做类似的事情

h1{
   font-family: Sans-sarif;
}

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

于 2015-07-01T15:26:13.963 回答
0

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

我需要将我的页面设置为新字体

div, p {font-family: Algerian}

这是在.scss

于 2018-12-19T00:49:36.823 回答
-1 
*{font-family:Algerian;}

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

看起来很酷-谢谢！

于 2015-01-24T15:27:21.470 回答