如何更改网站的字体
3分钟阅读
胡安·乌塞达
如果您是一名创建了网站的程序员，本教程可能不会告诉您太多信息。现在，如果您已经在 WordPress 中创建了一个网站并使用了购买或免费的模板，也许本教程对您有用。很多时候，这些模板给我们带来了我们不太喜欢的字体，我们不知道如何更改它，因为我们在管理面板中没有更改它的选项。这就是我们将在今天的文章中看到的如何更改 WordPress 博客的字体，尽管一般来说它可以应用于任何网站。
我们要做的第一件事是转到我们已经写好的一篇文章，然后用第二个鼠标按如何更 斯洛文尼亚电话号码库 改 钮单击文本的字母。单击“检查元素”，Google Chrome 控制台将打开（我建议使用 Google Chrome 来执行我们想要使用的任何编程任务）。控制台分为两部分，左边是HTML代码，右边是CSS代码。我们将更改 CSS 代码，浏览器在其中被告知将具有 HTML 文档中定义的网站语义的样式。
要更改字体，我们只需在 Google Chrome 控
制台的右栏中查找 CSS 代码：“font-family”。在我们的例子中，这通常是在“正文”中定义的，因为它将是整个博客的来源。一旦找到，我们就可以轻松地将字体更改为任何已知的字体。我们的博客有一种名为“Lato”的字体。就像删除这个字体并放入 Arial 一样简单，这样我们的整个博客就变成 Arial 了。
从逻辑上讲，此更改仅影响 Chrome 控制台。要在我们的网站上 数据营销如何助力预测分析和趋势发现 更改它，我们必须转到 style.css 文件，搜索“body”、“font-family”，更改字体名称并将文件再次上传到我们的服务器。也可以从 WordPress 进行编辑（外观 -> 编辑器）。
在我们的网站上放置 Google Fonts 的字体
本教程有趣的部分现在来了。浏览器默认识别的字体通常非常经典（Arial、Helvetica、Times New Roman…）。如果我们想要放置像我们博客上的字体一样的字体，我们只需转到 Google Fonts 并复制代码以将其添加到我们博客的 header.php 中。我们必须将 电子邮件数据库 此代码与此文件中已有的其余 <link> 标记一起添加。
在我们的例子中，我们必须输入的代码才能显示“Lato”字体，如下所示：
正如您所看到的，除了主要来源之外，还有两个次要来源。如果从不支持该 如何更改 型字体的浏览器打开网站或主要字体出现问题，则可以使用这些字体。如果在我们的例子中无法读取“Lato”字体，则该网站将以 Helvetica 格式显示。
将其添加到标题中并将字体放入 style.css 中，如下所示，我们的字体现在将是“Lato”：
