为什么我的字体族不能在css中工作?

Question

我似乎无法使用任何字体。它本来是可以用的，但是我做了一些事情，现在它不能再用了。我在JSFiddle中得到的错误是"意外丢失通用字体族"。

body {
background-color: #ffffff;
font-family: Aldhabi;
}

Answer 1

您需要先通过使用@import将其导入到您的css中，然后才能使用它。

@import url('http://fonts.cdnfonts.com/css/aldhabi');
body{
background-color: #ffffff;
font-family: 'Aldhabi', sans-serif;
}

Answer 2

每当你想使用新的font-family，你必须从Google-fonts导入.

例如，要导入Poppins你必须包括这一行

`@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;900&display=swap');` 

在你的CSS文件的顶部

然后在你想要的地方使用它，像这样:

body{
font-family: 'Poppins', sans-serif;
}