Question

所以我有我们正在使用的这些字体。它们是Futura-CondensedBold.ttf，Futura-CondensedMedium.ttf，Futura-Medium.ttf，Futura-MediumItalic.ttf。我实际上有这些字体的文件。我们需要在我们的网站上使用这些。现在我知道如何链接来自Google或typekit的字体，因为我创建的许多网站都使用这些字体。但是我如何让用户从我正在创建的这个网站下载字体，因为我有实际的字体文件？我假设我需要创建一个文件夹，我将在我的CSS目录中进行。

Answer 1

只需对CSS中的那些文件进行 @ font-face 调用即可。我通常在assets文件夹中抛出一个“fonts”文件夹并在那里托管文件。然后只需将font-face src url指向该字体文件夹中每个文件类型的位置。

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "FONT NAME";
	src: url("../fonts/FAMILY/FONT-NAME.eot");
	src: url("../fonts/FAMILY/FONT-NAME.eot#iefix") format("embedded-opentype"),
		 url("../fonts/FAMILY/FONT-NAME.svg#SVGFONTNAME") format("svg"),
		 url("../fonts/FAMILY/FONT-NAME.woff2") format("woff2"),
		 url("../fonts/FAMILY/FONT-NAME.woff") format("woff"),
		 url("../fonts/FAMILY/FONT-NAME.ttf") format("truetype");
}

我希望能回答你的问题。

.ttf文件正在应用于网站

1 个答案: