Question

我经常在网络上使用Google字体，是否需要选择字体粗细，然后像fonts.googleapis.com/css?family=Crimson+Text:400,700"一样添加或者我可以选择常规family=Crimson+Text:400"并将其更改为粗体/半粗体用css？差异是什么？

Answer 1

是的，必须指定权重。

查看您收录的css文件fonts.googleapis.com/css?family=Crimson+Text:400,700

这是它包含的内容：

/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlppgwHKFkZgtmSR3NB0oRJX1C1GDNNQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

特别注意行font-weight: 400;和font-weight: 700;

这些告诉您的浏览器在选择权重时使用哪些字形，您的浏览器不能只根据权重粗体或 italicize 您的文字，它需要下载和渲染适当的字形

是否有必要从谷歌字体中选择字体样式？

1 个答案: