版权符号(©
)在我的Mac浏览器上显示得较小。我尝试过©
和::before伪元素,但它们在Mac上的呈现比它周围的文本小。我必须插入一个图像才能使其工作吗?
<p class="copyright-text">
©Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
(注意:SO给了我合适的解释html示例的机会,所以我不得不引用它们)
-
您没有告诉我们您使用的字体;也许它没有安装在你的Mac上,并且默认为不同的字体?检查并验证它是否显示了您认为的字体。
-
尝试将版权符号的字体更改为固定宽度或键入安全字体;像乔治亚,康索拉斯,或Verdana,像这样:
//样式
版权所有{font-family:Georgia,Consolas,Verdana}<span class="copyright">©</span>
©版权所有2021,合并的两党集团
<p class="copyright-text">
<span style="font-family: Georgia, Consolas, Verdana">©</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
- 如果将字符集设置为UTF-8,也可以尝试仅使用符号本身(而不是
©
),如下所示:
meta charset="UTF-8"> span class="copyright">©</span>
<p class="copyright-text">
<span style="font-family: Georgia, Consolas, Verdana">©</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
©版权所有2021,合并两党集团
更改符号的font-size:__;
以调整大小。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Copyright Symbol Size</title>
<style>
#copyright-symbol{
font-size: 3em;
}
</style>
</head>
<body>
<p class="copyright-text">
<span id="copyright-symbol">©</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
</body>
</html>