javascript - 无法使用sup标签将商标符号设为粗体

标签 javascript html css

我实际上正在尝试将商标符号加粗并尝试了以下选项。但是,它不起作用,不确定我还能尝试什么使商标符号加粗?如有任何建议,请。

Option 1  : <p>This text contains <strong><sup>&#174;</sup></strong> text.</p>
Option 2  : <p>This text contains <b><sup>&#174;</sup></b> text.</p>

最佳答案

您的代码正在将其设置为粗体,但是 ® 太小(尤其是在上标中),因此很难看出差异。下面的代码片段显示了您的代码(第一行),它确实使符号变为粗体,并且相同的代码没有 <strong>标签(第二行)以显示视觉差异。两者均已放大。

请注意,某些字体已经将 ® 符号显示为上标。 (例如 Consolas 和 Calibri)Helvetica(StackOverflow 上的主要字体)和 Times New Roman(大多数浏览器中的默认字体,也适用于 Stack 代码片段)不会将 ® 符号显示为凸起。要点是:确保您使用的字体尚未使其成为上标。

如果您希望符号比字体的粗体样式更粗体,则需要为符号使用不同的字体或使用图像。

<p style="font-size:200%">This text contains <strong><sup>&reg;</sup></strong> text.</p>
<p style="font-size:200%">This text contains <sup>&reg;</sup> text.</p>

关于javascript - 无法使用sup标签将商标符号设为粗体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58193315/

相关文章:

javascript - 在一个提示中包含 2 个相同的 Jquery 单选按钮

javascript - 使有序的 Bootstrap 列 float 在屏幕顶部

html - 自动缩放 iOS 7 中的方向更改

javascript - Google Chrome 开发者工具模拟拖放事件

javascript - 如何通过按数组字段选择来检索 MongoDB 文档

html - VS Code,使用 Twig 或 Swig 标签格式化 HTML 代码

javascript - 在浏览器中查看word和pdf文档

html - 如何在正确站点的页眉中放置引导下拉菜单按钮?

javascript - 从 java 方法调用 javaScript

javascript - 我们可以显示部署到 azure 函数应用程序的 html 页面吗