使用CSS将单个字体应用于整个网站
我想在整个网站上使用一个名为“Algerian”的字体。 所以，我需要改变所有的HTML标签，我不想为不同的标签写不同的代码，例如：
button{font-family:Algerian;} div{font-family:Algerian;} 下面写的方法也是非常不鼓励的：
div,button,span,strong{font-family:Algerian;}
将font-family声明放入一个bodyselect器中：
body { font-family: Algerian; }
然后，页面上的所有元素都会inheritance这个字体系列（当然，除非你稍后重写它）。
*{font-family:Algerian;}
做这个
确保移动设备不会使用默认字体更改字体，只需使用通用select器*即可：
* { font-family: Algerian !important;}
通用select器*指的是所有元素，这个CSS将为你做：
*{ font-family:Algerian; }
但不幸的是，如果您正在使用FontAwesome图标，或任何需要自己的字体系列的图标，这将只会摧毁图标，他们将不会显示所需的视图。
为了避免这种情况，您可以使用:notselect器，fontawesome图标的示例是<i class="fa fa-bluetooth"></i> ，所以您可以使用：
*:not(i){ font-family:Algerian; }
这将把这个家族应用到文档中的所有元素，除了具有标签名称<i>的元素之外，还可以为类实现：
*:not(.fa){ font-family:Algerian; }
这将把这个家族应用于文档中的所有元素，除了types为“fa”的元素引用了fontawesome默认类别之外，还可以像这样定位多个类别：
*:not(i):not(.fa):not(.YourClassName){ font-family:Algerian; }
* { font-family: Algerian; }
通用select器*是指任何元素。
由于不同的字体很可能已经由浏览器为表单元素定义，所以在这里有两种使用这种字体的方法：
body, input, textarea { font-family: Algerian; } body { font-family: Algerian !important; }
在pre / code，kbd等元素上仍然会有一个等宽字体，但是如果使用这些元素，最好在这里使用等宽字体。
重要说明：如果在他们的操作系统上安装了这种字体的人很less，那么将使用列表中的第二个字体。 在这里，你没有定义第二个字体，所以使用默认的衬线字体，除了在Linux上，它将是Times，Times New Roman。
两个选项：使用@ font-face如果你的字体没有被用作可下载的字体或者添加回退：第二，第三等，最后是默认的系列（sans-serif，cursive（*），等宽或衬线）。 将使用用户操作系统上存在的第一个列表。
（*）Windows上的默认草书是漫画Sans。 除非你想要吸引Windows用户，否则不要这样做:)除了你的孩子的生日，欢迎这个字体是可怕的。
好，所以我有这个问题，我尝试了几个不同的select。
我使用的字体是Ubuntu-LI，我在我的工作目录中创build了一个字体文件夹。 在文件夹字体下
我能够应用它…最终这是我的工作代码
我希望这适用于我的整个网站，所以我把它放在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字体
如果“body”需要使用1和相同的字体，请将其放在页面的头部：
<style type="text/css"> body {font-family:FONT-NAME ; } </style>
标签<body>和</body>之间的所有内容都具有相同的字体
*{font-family:Algerian;}
这个HTML为我工作。 添加到WordPress的canvas设置。
看起来很酷 – 谢谢！
