blocks|key|3139806|text|默认情况下，字体松鼠这样做是为了增加对不遵循规范的用户代理(忽略font-weight和font-style的用户代理)的支持。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|3139807|如果您不关心那些过时的用户代理，您可以启用@font-face工具包生成器的expert部分中提供的"Style+Linking“选项。请注意，IE8和更低版本会忽略编号的font-weight值，并且仅支持normal和bold+(以及相应的400、700权重值)。|3139808|entityMap^0|0|6|W|B|18|A|0|L|A|2E|B|2W|6|33|4|3E|3|3I|3|0^^$0|@$1|2|3|4|5|6|7|K|8|@$9|L|A|M|B|C]|$9|N|A|O|B|D]|$9|P|A|Q|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|R|8|@$9|S|A|T|B|D]|$9|U|A|V|B|D]|$9|W|A|X|B|D]|$9|Y|A|Z|B|D]|$9|10|A|11|B|D]|$9|12|A|13|B|D]]|E|@]|F|$]]|$1|I|3|-4|5|6|7|14|8|@]|E|@]|F|$]]]|J|$]]

By default, Font-Squirrel does this in order to increase support with user-agents that do not follow specification (those that ignore <code>font-weight</code> and <code>font-style</code>).

If you do not care about those outdated user-agents, you may enable the "Style Linking" option which is available in the expert section of the <code>@font-face</code> kit generator. Note that IE8 and below ignores numbered <code>font-weight</code> values and only support <code>normal</code> and <code>bold</code> (and corresponding <code>400</code>, <code>700</code> weight values).

blocks|key|1089625|text|看起来Internet+Explorer8可能是不支持字体粗细和字体样式的“老”用户代理之一|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1089626|我正在尝试使用@font-face和font-family使粗体/斜体/粗体自动显示。|1089627|到目前为止，我的尝试一无所获。这里有一个页面演示了这个问题。|1089628|http://clearimageonline.com/apps/playground/fonts/test_IE.html|offset|length|1089629|这里有没有人遇到过这种情况，并且有一个可以使用IE8的解决方案？|1089630|1089631|我在这周的大部分时间里都在搜寻和摆弄这个问题的答案。看来IE8不会让我这么做的。|1089632|这是一个建议的变通方法(非常丑陋的变通方法)...|1089633|http://clearimageonline.com/apps/playground/fonts/proposed_IE.html|1089634|这些测试页仅为Internet+Explorer设计。此测试仅限于IE。跨浏览器功能显然将是最终解决方案的一部分。|1089635|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|0|0|1Q|0|0|0|0|0|0|0|1U|1|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@$H|16|I|17|1|18]]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@$H|1E|I|1F|1|1G]]|A|$]]|$1|S|3|T|5|6|7|1H|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|G]]|11|$5|X|Y|Z|A|$10|R]]]]

It seems Internet Explorer 8 may be one of those "older" user agents that doesn't support font-weight and font-style

I am trying to make bold/italic/bolditalic automatic using the @font-face and font-family.

My attempts so far have yielded nothing. Here is a page demonstrating the problem.

<a href="http://clearimageonline.com/apps/playground/fonts/test_IE.html" rel="nofollow">http://clearimageonline.com/apps/playground/fonts/test_IE.html</a>

Anyone here encountered this and have a solution that works with IE8?

<hr>

I have searched and fiddled most of this week for an answer to this. It appears that IE8 wont let me do this.

Here is a proposed workaround (very ugly workaround)....

<a href="http://clearimageonline.com/apps/playground/fonts/proposed_IE.html" rel="nofollow">http://clearimageonline.com/apps/playground/fonts/proposed_IE.html</a>

These test pages are designed for Internet Explorer ONLY. This test is limited to IE. Cross Browser functionality will obviouosly be a part of a final solution.

blocks|key|3139907|text|它确实涉及到检查字体内部，以确定字体是粗体还是斜体。并且必须在字体内设置某些位，以便IE拾取样式链接。大多数粗体/斜体字体都设置了这些位，但不是全部。我们正在研究一种使其更加自动化的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3139908|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It does involve poking around inside the font to determine when a font is bold or italic. And certain bits must be set inside the font in order for IE to pick up the style linking. Most bold / italic fonts have these bits set, but not all. We are working on a way to make this more automatic.

blocks|key|4550410|text|使用默认FontSquirrel方法的问题是，如果加载回退字体，所有的权重都将丢失，因为它们都设置为normal。我认为样式链接是最好的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4550411|如果你担心IE8用户，你可以使用条件css。|4550412|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The problem using the default FontSquirrel's approach is that if the fallback font loads, all weights will be lost because they are all set to normal. I think the style linking is the best approach.

If you are worried about IE8 users you can use a conditional css.

When we define @font-face styles, we can define whether the referenced files are for the bold, italic, or bold italic versions of a font, as discussed in this SO question:

<a href="https://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-font-face">How to add multiple font files for the same font?</a>

Example:

<pre><code>@font-face {
 font-family: 'FontinSans';
 src: local('☺'), url('fontin_sans_regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'FontinSans';
 src: local('☺'), url('fontin_sans_bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
}
</code></pre>

However, Font Squirrel doesn't generate @font-face kits this way. They do something like this instead:

<pre><code>@font-face {
 font-family: 'FontinSans';
 src: local('☺'), url('fontin_sans_regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'FontinSansBold';
 src: local('☺'), url('fontin_sans_bold.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
</code></pre>

Which means in our CSS files we have to do things like this:

<pre><code>h2 {
 font-family: 'FontinSansBold', Verdana, sans-serif;
 font-weight: normal;
}
</code></pre>

Why doesn't Font Squirrel use the font-weight and font-style declarations to distinguish the bold and italic variants? Why use a separate font family? Do they know something about (lack of) support for this feature in some browser?

Why not define font-weight or font-style in @font-face, Font Squirrel?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当我们定义@ font -face样式时，我们可以定义引用的文件是用于字体的粗体、斜体还是粗体斜体版本，如下面的SO问题中所讨论的：示例：@font-face {    font-family: 'FontinSans';    src: local('☺'), url('fontin_sans_regular.wof...

问为什么不在@ Font -face，Font Squirrel中定义font-weight或font-style呢？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么不在@ Font -face，Font Squirrel中定义font-weight或font-style呢？EN