0

我遇到了这个烦人的问题，我似乎无法找到一种方法来使用 ACTUAL 字体系列中的特定样式，而不是使用 css 或 html 样式。

就我而言，我正在链接到 html Google 的 Webfont: Lato。现在我只需要Normal400和Bold700Italics样式。

自然，当您在 googlefonts 上选择字体时，它会自动生成代码。我将两个代码复制并粘贴到我的 html 文档中，另一个在 css 中。但我不知道如何使用字体lato的Normal400和Bold700Italics样式。

我所得到的与使用字体的“斜体”和“粗体”样式相同，而不是在 html 中使用强调或粗体标签来设置样式。字体美学的结果存在巨大差异。

有没有办法做到这一点？如果是这样，我是否必须在我的 css 中使用 @fontface 规则，或者是否有其他方法可以绕过它，因为我有时害怕使用此规则。

我到处寻找，甚至在谷歌的论坛上，他们都给出了相同的答案：“使用 css 或 html 进行字体样式设置。”

4

2 回答 2

0

字体链接：

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

在你的 CSS 中声明字体：

.Lato-italic-700 {
    font-family: 'Lato', arial, sans-serif;
    font-style: italic;
    font-weight: 700;
}

将类放在要显示的元素上：

<p class="Lato-italic-700">This is Bold 700 Italic text</p>
于 2013-02-13T12:05:58.747 回答
0

目前尚不清楚问题是什么。但基本上，当您link按照 Google 的建议使用元素以常规和粗斜体字体使用 Lato 时font-family: Lato，如果其字体粗细和字体样式正常，则您声明的任何文本都将出现在 Lato Regular 中 a) b) 在 Lato Bold Italic 中，如果它同时具有font-weight: bold并font-style: italic应用于它 c) 在其他情况下，可能的其他内容，例如综合加粗的 Lato Regular，如果字体粗细已设置为粗体但字体样式是正常的。

例如，以下代码首先生成 Lato Regular，然后生成 Lato Bold Italic。您可以（通常应该）使用其他标记或 CSS；这只是一个简单的例子：

<!doctype html>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' 
      rel='stylesheet' type='text/css'>
<style>
body { font-family: Lato; }
</style>
Hello<br>
<i><b>Hello</b></i>

如果问题仍然存在，请发布您的 HTML 和 CSS 代码，并解释您所说的“字体样式不是 html 或 css 字体样式”是什么意思，以及如何从视觉外观上分辨出差异。

于 2013-02-13T16:48:55.033 回答