logo标签列表

使用Arial Black字体和使用带有<strong>标签的Arial字体有什么区别吗？

htmlcssfonts
3

我的文本在Firefox上无法使用Arial Black字体，只显示为普通文本。因此，我使用了带有Strong标签的Arial字体。但是它们看起来没有任何区别。我需要担心什么吗？

谢谢

编辑

在这种特殊情况下，我不能使用CSS来解决问题，所以我是这样做的：

<font face="Arial Black, Arial, sans-serif"> <strong>Want an undergraduate course with more opportunity for hands-on practice? </strong></font>

非常感谢您提供的所有答案和解释，我认为在整个信息中，加粗标签strong是正确的选择，因为它是最重要的部分。虽然没有人注意到视觉上的差异，但这对我来说已经足够证明了。

我在jsfiddle发布了内容，让我惊讶的是strong标签没有产生我期望的加粗效果！而b标签却有。您可以在那里清楚地看到区别！感谢这个建议！

2
你能在http://jsfiddle.net上发布一个测试用例吗？另外也可以在这里添加代码（[编辑]） :) - Madara's Ghost
尝试发布您用于字体的CSS代码。使用<strong>标签并不是坏事，只要确保它增加了语义重要性级别。 - pistache
添加了jsfiddle。我无法在此页面中使用css，但在这种情况下语义重要性很好！是的，我已经安装了Arial黑体，在ie、chrome上可以工作，但在firefox上不行！ - caiocpricci2
strong 标签在 jsFiddle 中不会加粗，因为他们将其添加到了重置样式表中（http://fiddle.jshell.net/css/normalize.css）。通常情况下，这不会成为问题。 - Raphael Schweikert
@RaphaelSchweikert 哦，这是我从未注意到的另一件事 :) 非常感谢你!! - caiocpricci2
显示剩余2条评论
9个回答
7
关于问题标题（因为问题文本似乎有不同的问法）： <strong>标签具有语义含义。 参考MDN

HTML Strong元素（<strong>）使文本具有强调重要性，并通常以粗体显示。

因此，您应该使用此标记来标记需要强调的内容，而不是将文本标记为粗体。
然而，大多数浏览器会将强调实现为仅仅是粗体打印出来的文本。
如果您只想要粗体文本，请使用相应的CSS！
font-weight: bold;
谢谢你，加上@Heena Hussain的答案，我有很好的理由使用font-weight样式！ - caiocpricci2
我会把你的答案作为正确答案，因为在所有选项中，我主要基于“大多数浏览器”来选择使用什么。谢谢大家！ - caiocpricci2
5
"<strong>"有特定的语义意义（例如“更重要”），因此应该避免将其仅用于样式设置。如果要“加粗”文本，只需添加font-weight: 700即可。
或者您知道，修复Arial Black无法工作的原因：P 可能是您没有在Arial Black周围添加引号。 font-family: Arial;是完全可以接受的，但font-family: Arial Black;则不行。请确保您具有font-family：“Arial Black”;。"
我发布了我正在使用的内容，你是说我应该使用face="Arial Black"，"Arial"，"sans-serif"吗？ - caiocpricci2
是的，如果那是问题的话（看起来是这样），那应该可以工作。 - Andy
在Firefox上仍然没有任何输出。但是无论是否使用引号，在IE和Chrome上都可以正常工作！ - caiocpricci2
试试这个，将文字包装在一个<span>标签中，并添加以下样式：<span style="font-family: 'Arial Black', 'Arial', 'sans-serif'; - Andy
2
是的，使用Arial Black与使用带有strong元素的Arial存在相当大的区别。我将用CSS术语回答，将CSS设置font-weight: bolder替换为HTML strong标记。(在这里，无论您是直接在CSS中调用粗体还是间接地使用HTML标记来暗示某个默认设置，都是不相关的。)
“Arial Black在Firefox上不起作用”并不清楚你的意思。
最合理的CSS代码应该是：
font-family: Arial; font-weight: 900;

这段内容涉及IT技术，要求翻译为中文并使其更加易懂。该段文字要求使用Arial字体族中最粗的可用字体；如果可用，则是Arial Black，否则是Arial Bold。Firefox似乎不太一致地支持此功能，但许多浏览器在字体高度方面存在更严重的问题。（例如，Chrome将权重600显示为比700更粗）。实际上，更安全的方法是使用旧的方式，将特定字体（字形）作为字体族引用。
font-family: Arial Black;

例如，在IE 8上，这是获取Arial Black的唯一方法，而IE 9也支持逻辑方式（在“标准模式”下）。
如果您将字体设置为Arial并将字重设置为bolder，则会获得Arial Bold。如果您将字体设置为“Arial Black”并将字重设置为bolder，则会获得Arial Black，因为没有更粗的字体。而Arial Bold和Arial Black非常不同。
由于您没有发布实际使用的代码，因此无法确定您最初尝试出了什么问题。
谢谢你的指导，让我清楚了许多。之前我把Arial Black和Arial Bold搞混了。最终在每个浏览器上都使用了Arial Bold，而这正是他们想要的！ - caiocpricci2
1

我认为您可以达到相同的效果，但我建议使用CSS样式而不是使用strong标签。

.arial-black{
  font-family: Arial;
  font-weight: bold;
}
1

<strong>、<b>和font-weight:700|bold;之间没有视觉上的区别。

然而，屏幕阅读器（为盲人和部分视力受损者设计）使用<strong>来强调文本...因此使用“粗体”字体对于屏幕阅读器来说不会产生相同的效果。

如果您不想为屏幕阅读器“强调”文本，则建议您改用<b>标签。

1

<strong>标签不支持所有浏览器，就Arial和Arial Black而言，它们在大小或重量上是不同的。

所以，回答你的问题是肯定的。

0

在网页中使用Arial Black字体仅适用于实际安装了该字体的用户。（当然，使用Arial字体也仅适用于拥有该字体的系统）。

Arial Black不仅是Arial的粗体版本。虽然相似，但Arial Black看起来与Arial的粗体版本不同：

Arial, 粗体
Arial Black

对于使用的所有字体，您应该使用替换字体，以便浏览器知道如果该特定字体不可用，则使用什么，但是默认为粗体的字体很棘手，因为您无法将Arial bold指定为Arial Black的替代方案。你必须使用Arial作为替代方案：

font-family: 'Arial Black', Arial, Helvetica, sans-serif;
0
你可以使用@font-face规则，强制在使用Arial的粗体font-weight时使用Arial Black字体：
@font-face {
    font-family: Arial;
    /* You can add other common names using comma-separated local definitions here */
    src: local('Arial Black');
    font-weight: bold;
}

@font-face {
    font-family: Arial;
    src: local('Arial');
    font-weight: normal;
}

现在，每当Arial被设置为元素的字体，并且计算出的字重是“bold”（这是用户代理在其“html.css”定义中为“string”标签设置的内容），则会使用Arial Black。
我用我的技巧修改了你的演示：http://jsfiddle.net/7Uhky/10/. - Raphael Schweikert
很遗憾，这对我来说不是一个选项，我无法在这个特定的页面上使用CSS。但是谢谢，我会记住的！ - caiocpricci2
@gameowner 如果您可以编辑HTML，那么您也可以注入CSS。只需使用<style>标签即可。它们曾经被限制在<head>中，但随着HTML5中讨论的scoped属性，这个限制被取消了。考虑到所有浏览器都可以很好地呈现以这种方式包含的样式，这是一个明智的决定。 - Raphael Schweikert
这个问题不容许与他们讨论。我不能使用CSS，因为这是项目的要求。我可以对元素应用样式，但不能使用<style>标签。 - caiocpricci2
啊，需求！有时候我会忘记现实世界的存在... - Raphael Schweikert
真是个麻烦事，但我们能怎么办呢？我们需要食物来养家糊口 :)。 - caiocpricci2
-4

strong 标签主要会将你的文本加粗。对于你的情况来说并没有什么区别。但如果你使用的字体不同并且使用 "strong"，就会产生区别。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接