我有一个
标记，其中要显示的文本的字体为“拉托”。我已经在我的CSS代码中提到了它。问题在于，将其托管在不同的笔记本电脑或移动电话中时，不会以“ Lato”字体显示文本。它只能在我的设备上正常工作。那么如何在全局范围内设置字体，以使我的网页使用的字体与我在CSS中为所有设备所述的字体完全一样。
我已经在笔记本电脑中安装了.ttf文件
答案 0 :(得分：2)
您需要在网页中包括该字体，以便客户端可以使用它。您不能指望每个人都自己下载并安装字体以使您的网站看起来正确。
将此添加到您网站的head标签中。
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
有关其工作原理的更多信息，请阅读https://fonts.google.com/selection?selection.family=Lato
答案 1 :(得分：1)
这里的问题是，您已经在设备上直接安装了字体，因此可以查看它，但是由于每个设备都没有安装字体，因此您看到的是后备CSS字体，它会自动呈现。 >
Lato是Google字体的一种开源字体，直接托管在Google CDN上。 您可以直接从那里使用该字体，以确保在任何设备上都能完美呈现该字体。
将以下行添加到HTML文件中的<head>标记内。
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
您可以将字体添加到CSS中，如下所示-
font-family: 'Lato', sans-serif;
/*sans-serif is the fallback font family here*/
您可以通过here阅读有关Google Fonts API的更多信息。
答案 2 :(得分：1)
这不是我们在Web项目中使用字体的方式。
首先，您需要lato的网络字体。您可以在线下载或 您可以将普通字体（ttf）从here转换为网络字体。
将这些字体文件（woff）放入项目文件夹中。
在css中添加css字体，然后使用字体系列。
或者您可以从Google字体中使用Webfont Lato。
将此添加到您的头部
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
以及您的CSS
font-family: 'Lato', sans-serif;
再问我什么，否则不清楚。
答案 3 :(得分：0)
要将这些字体嵌入到网页中，请将此代码复制到HTML文档的中。
STANDARD @IMPORT
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
在CSS中指定- 使用以下CSS属性指定这些系列：
font-family: 'Lato', sans-serif;