当前位置: 首页 > 面试题库 >

指定Google字体的样式和粗细

笪成周
2023-03-14
问题内容

我通过链接标签导入了三张脸,普通,粗体,ExtraBold。正常人脸可以正确显示,但是我无法弄清楚如何在CSS中使用字体的变体

我尝试将以下所有内容用作字体家族的属性,但没有dice:

  • ‘Open Sans Bold’
  • ‘Open Sans 700’
  • ‘Open Sans Bold 700’
  • ‘Open Sans:Bold’

谷歌文档本身并没有提供太多帮助。任何人都知道如何编写CSS规则以显示这些变体?


问题答案:

他们使用常规CSS。

像这样使用常规字体家族:

font-family: 'Open Sans', sans-serif;

现在,您可以通过添加来确定字体应具有的“粗细”

对于半粗体

font-weight:600;

大胆的(700)

font-weight:bold;

超粗体(800)

font-weight:800;

像这样,它的后备证明,因此,如果Google字体应“失败”,则您的备用字体Arial / Helvetica(Sans-
serif)使用的字体与Google字体的粗细相同。

很聪明:-)

请注意,必须通过标头中的链接标签url(google字体url的族查询参数)专门导入不同的字体粗细。

例如,以下链接将同时包含权重400和700:

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


 类似资料:
  • 问题内容: 我在选择时遇到样式问题。我需要一些选项以粗体显示,但Internet Explorer不想呈现它。 我使用CSS进行设置: : 在Firefox中显示粗体字体,但在Internet Explorer中不显示。 我已经在Internet Explorer 7和8中尝试过。 有人有其他选择吗? 编辑:一个示例: HTML: CSS: 问题答案: IE不允许独立设计元素的样式。这是因为IE使

  • 我使用< code>cairo_pdf()来生成一个字体很好的R绘图。如果我指定的字体系列具有合理命名的基本粗细,例如“Arial”包含Arial Regular、Arial Bold、Arial Italic、Arial Bold Italic,它会工作得很好。 但是有没有办法为给定样式任意设置字体?例如,在Hoefler Text中,我有Hoefler文本黑色而不是粗体。我可以cairo_pd

  • 我在apache fop 1.0环境中使用嵌入式字体: 配置文件如下所示: 这工作得很好,文本以字体hnlt57con呈现。 我现在想做的是用粗体呈现一些文本: 配置文件如下所示: 不幸的是,文本没有以粗体显示,但是以和上面例子一样的方式显示。 添加一个额外的字体三元组(如 http://www.scriptorium.com/whitepapers/fop_fonts/FOP_fonts5.ht

  • 问题内容: 在其中,可以使轴标签的文本为粗体 您也可以在正确的后端使用LaTeX 但是,当您将它们合并时,数学文本不再是粗体 以下LaTeX命令似乎也没有任何作用 如何在轴标签上加粗? 问题答案: 不幸的是,您不能使用加粗字体来加粗符号,请在tex.stackexchange上查看此问题。 如答案所示,您可以使用粗体phi: 您需要加载到TeX序言中:

  • 问题内容: 为什么《Google Python样式指南》 更喜欢列表推导和for循环,而不是过滤,映射和归约? 不推荐使用的语言功能:…“使用列表推导和for循环,而不是过滤,映射和归约。” 给出的解释是:“我们不使用任何不支持这些功能的Python版本,因此没有理由不使用新样式。” 问题答案: 并且其功能不如其列表理解功能强大。LC可以一步完成过滤和映射,它们不需要显式功能,并且由于其特殊的语法

  • 问题内容: 如何使用CSS选择器加粗句子的第一个单词,就浏览器的可比性而言,这是一种好/坏方法吗? 码: 谢谢 问题答案: CSS中没有伪元素。您必须将第一个单词包装在一个额外的元素中,然后选择该元素。