0

我正在尝试在我的网站上使用一些字体,但它生效了。我为我的网站的字体创建了一个文件夹,并在文件夹中添加了字体.......ttf files

然后在css文件中我添加了这个:

@font-face {
font-family: Lato;
src: url(http://www.types4u.org/n/font/Lato.ttf) format("truetype");
font-family: Arbutus;
src: url(http://www.types4u.org/n/font/Arbutus.ttf) format("truetype");
font-family: Actor;
src: url(http://www.types4u.org/n/font/Actor.ttf) format("truetype");
font-family: LeagueGothic;
src: url(http://www.types4u.org/n/font/LeagueGothic.ttf) format("truetype");
font-family: LibreBaskerville;
src: url(http://www.types4u.org/n/font/LibreBaskerville.ttf) format("truetype");
}

网站在这里

4

1 回答 1

1

你确定你稍后会设置字体吗?您发布的代码将使您可以使用字体,但除非您告诉它,否则它不会使用它们。假设你已经这样做了,但它仍然没有显示,我很想只使用Google FontsGoogle Fonts API。因此,对于 Lato 字体,您将包括

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

<head>您的 HTML 中。然后,要使 h1 具有该字体,您只需要

h1 {
  font-family: 'Lato', sans-serif;
}

至少,这就是我认为你要问的。如果您可以更具体或提供更多上下文/代码,您可能会有更多人帮助您。

于 2013-07-12T14:29:30.803 回答