不同设备中的字体更改

Question

我在网页中使用字体。我的计算机上的chrome，Firefox和IE都没有问题，但是在其他设备中，字体发生了变化。 有人知道为什么会这样吗？

---

*{

font-family: Montserrat;
 }

Answer 1

您必须在CSS文件中定义字体。 例如：

@font-face {
  font-family: myFirstFont;
  src: url(font-location);
}

* {
  font-family: myFirstFont;
}

Answer 2

某些浏览器/操作系统/设备可能不支持该字体。 定义多种字体。

* {
  font-family: 'Montserrat', sans-serif;
}

另一种解决方案是下载Google Web字体，将其与您的网站一起上传并在css文件中手动定义它们。另一种方法可能是使用JavaScript Web Font Loader，而不是默认的。

Answer 3

The font is installed in your system, therefore, it's not changed in your device. you need to add the font in your code.

e.g

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

add in the CSS file change the link with your require font

or if you have a font file then add the font file in the CSS as

@font-face { font-family: roboto-regular; 
             src: url('../font/Roboto-Regular.ttf'); } 
h2{
    font-family: roboto-regular;
}

Answer 4

在您的标题中：

<link href="https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap" 
rel="stylesheet">

在您的 CSS 中：

@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.fontn{
  font-family:'Caesar Dressing', cursive;
}