[英]Font supported by all web browsers and mobile devices
我有一個
標簽，其中要顯示的文本的字體為“拉托”。 我已經在我的CSS代碼中提到了它。 問題在於，將其托管在不同的筆記本電腦或移動電話中時，不會以“ Lato”字體顯示文本。 它只能在我的設備上正常工作。 那么如何在全局范圍內設置字體，以使我的網頁使用的字體與我在CSS中為所有設備所述的字體完全一樣。
我已經在筆記本電腦中安裝了.ttf文件
您需要在網頁中包括該字體，以便客戶端可以使用它。 您不能指望每個人都自己下載並安裝字體以使您的網站看起來正確。
將此添加到您的網站的head標簽中。
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
有關其工作原理的更多信息，請閱讀https://fonts.google.com/selection?selection.family=Lato
這里的問題是，您已經在設備上直接安裝了字體，因此可以查看它，但是由於每個設備都沒有安裝字體，因此您看到的是后備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*/
您可以在此處詳細了解Google Fonts API。
這不是我們在Web項目中使用字體的方式。
首先，您需要lato的網絡字體。 您可以在線下載它，也可以從此處將常規字體（ttf）轉換為Web字體。
將這些字體文件（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;
問我其他問題，或者不清楚。
要將這些字體嵌入到網頁中，請將此代碼復制到HTML文檔的中。
STANDARD @IMPORT
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
在CSS中指定-使用以下CSS屬性指定這些系列：
font-family: 'Lato', sans-serif;
是否通過CSS在任何iOS Web瀏覽器中支持OpenType字體功能？
[英]Are OpenType font features supported in any iOS web browsers through CSS?
在所有設備和瀏覽器上都支持移動導航：但是它的名字是什么？
[英]Support mobile navigation on all devices and browsers: but what's its name?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.