CSS @ font -face不支持多种字体粗细

文章/答案/技术大牛

发布

1回答

html、css、fonts、font-face

我正在尝试加载一些自定义字体，但由于某些原因，前端只加载了一个权重。我已经检查过devtools了。这是我的CSS： font-family: 'CalibreWeb'; src: url('http://staging.parcelpet.comthemes/oceanwp-child-theme/fonts/CalibreWeb-Reg

浏览 16提问于2019-11-12得票数 0

回答已采纳

4回答

如何在CSS中设置超细"font-weight“(小于100)？

css、fonts

我想让文本变得超细，小于使用CSS可以做到这一点吗？

浏览 15提问于2015-12-06得票数 10

1回答

font-face在safari上不起作用[jsfiddle示例]

css、fonts、safari、font-face、google-fonts

我从Google字体中加载了3个粗细的字体，我可以在Firefox和Chrome上正确显示3个粗细的文本，但它不能在Safari中工作： Safari不支持font-face别名吗？

浏览 0提问于2020-04-02得票数 0

3回答

我在我的网站上使用Raleway字体，但除非我在本地桌面上安装了该字体，否则它不能正常显示。具体地说，权重始终是粗体。我也有其他人报告过这一点。据我所知，这是因为Google试图使用我的桌面字体来提高性能，但有没有办法在我的CSS或JS网站上阻止这种情况？一种不涉及更改浏览器设置的解决方案。奇怪的是，字体在Googles字体库中显示正常。是的，我在其他使用Raleway字体的网站上看到了这个问题。

浏览 3提问于2017-03-14得票数 1

2回答

如何获得可用的字体粗细？

javascript、fonts、font-face、typeface

有没有办法在JavaScript中获得特定字体的权重列表？

浏览 2提问于2013-03-27得票数 10

4回答

为什么iOS Safari要添加额外的字母间距？

html、ios、css、safari

我想我在移动(iOS 8) Safari中发现了一个谷歌字体的网页渲染错误。在我看来，Mobile Safari在使用Google字体的所有文本中添加了少量的字母间距，或者它使用了另一种字体。我尝试使用哪种Google字体(Open Sans)并不重要。它可以在所有现代浏览器上正确呈现。已测试Android、FF、Chrome、Safari。<html> <title></

浏览 0提问于2015-03-03得票数 30

2回答

@ font -face，字体变体

css、cross-browser、font-face、webfonts

这是我的@ font -face声明，用于支持不同的字体变体，在本例中是我的字体的粗体版本。@font-face { src: url("data:font/ttf;base64,AAEAAAALAI....") format('truetype');

浏览 0提问于2013-03-11得票数 11

回答已采纳

2回答

字体粗细(普通、粗体、...)

css

我有三个字体文件，普通的，粗体的和浅色的。既然font-weight:light不存在，如何在font-face上设置light？顺便问一下，相对于某些东西，font-weight:是否更轻？

浏览 1提问于2015-02-16得票数 0

1回答

@font-face* VS @import*

css、import、font-face

在CSS中定义Web字体时-我注意到，根据我使用的字体定义方法，我的字体显示方式有一个小小的变化：谁能告诉我为什么会发生这种情况，这两种“方法”之间有什么区别，哪种方法更可取(优点与缺点)。

浏览 1提问于2021-01-01得票数 1

2回答

如何在一个字体文件中为多个字体定义font-face？

css、font-face

我在一个单一的字体文件中有一个字体系列，具有多种粗细和样式(常规，粗体，斜体，粗体斜体)，并希望使用@ font -face标签定义字体。我该怎么做呢？如果我这样做： font-family: 'Font Regular'; src: url(&#x

浏览 6提问于2012-11-06得票数 2

2回答

如何为每个字体定义单独的字体-style- CSS

html、css

我有一个超文本标记语言页面，包含各种font-style，如normal，bold，italics，oblique等，使用CSS定义。我想为每个font-style使用不同的字体，例如，myboldfont用于bold，myitalicsfont用于italics等。我使用@font-face导入字体，例如， font-family: "MyNormal";

浏览 0提问于2013-03-28得票数 2

回答已采纳

1回答

粗体字体粗细不适用于dompdf中的Google字体

css、dompdf、google-webfonts

我正在使用Google字体，并像这样导入它们： @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap'); 当我在我的css中使用它们时： h1, h3, .text { font-weight:

浏览 83提问于2020-01-07得票数 0

4回答

css字体粗度值是如何工作的？

css

我不理解字体粗度值。当我将其更改为粗体、normal或600+时，也会更改字体。但将其更改为100到500，不会改变任何内容。为什么会有这些值呢？

浏览 3提问于2012-11-03得票数 9

2回答

如何区分字体粗细属性和字体兼容性

css、fonts

所以我假设对于所有可能的font-weight值，所有字体都支持它们。然而，根据发现的规范，这是错误的，其中它说“九种字体权重不能依赖。这些权重取决于可用的字体的权重子集。”并在这个中举例说明，其中似乎只有对字体monospace的正常和粗体支持(任何<=500看起来都是正常的)。那么，我们如何判断一个给定字体支持多少个font-weight级别呢？

浏览 0提问于2017-02-18得票数 1

1回答

在@font-face* CSS规则中正确定义font-family*

css、font-face、webfonts、font-family、google-webfonts

我最近偶然发现了@font-family CSS规则，因为我希望在我的网站上使用网页字体。说到点子上，我在@font-family CSS代码中看到了两种变体，如下所示： font-family: 'Droid Serif'; /* NOTE THIS LINE) format('truetype'), url('DroidSerif-Regular-web

浏览 3提问于2012-04-28得票数 4

回答已采纳

2回答

如何在NativeScript上包含同一字体的多个粗细？

android、fonts、font-face、nativescript、android-fonts

我有两个相同字体的权重。font-family: [Font name];然而，Android找不到它，默认使用sans-serif字体(我假设它是Roboto在这种情况下，预期

浏览 20提问于2018-01-10得票数 4

回答已采纳

0回答

使用font* face观察器加载本地字体-我的承诺中需要的每一个权重？*

javascript、html、css、fonts

我列出了两种具有相同名称的字体，以便浏览器可以选择普通字体和粗体字体，而不必触摸css的每一个部分来为粗体设置特定的字体。我认为通常这应该可以很好地工作，但是添加了字体观察器后，我不确定现在是否需要指定粗细，然后相应地修改我的css。我在上看到字体粗细不是强制的，但如果不指定，字体粗细将被设置为“正常”。：

浏览 9提问于2017-12-06得票数 1

1回答

如何使用谷歌斜体字体？

html、css、fonts

因此，我尝试使用Google字体Roboto的斜体版本。<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Roboto:300,100italic' rel='stylesheet' type='text/css'> 我可以让它应用Robotofont

浏览 0提问于2015-03-09得票数 8

回答已采纳

1回答

覆盖@font-face中的font-weight

css、font-face

目前我使用的是@font-face，对不支持的浏览器有一个后备功能：{ src: local( TheSansBlacksans-serif;#foo font-family: TheSansBlack, Arial, Verdana, Helvetica, sans-serif;

浏览 0提问于2012-04-02得票数 4

回答已采纳

2回答

在网站上使用Helvetica变体

html、css、fonts、font-face

我如何在CSS中做到这一点？谢谢

浏览 2提问于2017-04-29得票数 3

点击加载更多