Question

我刚刚将我的网站加载到服务器上，并注意到虽然样式应用于开发人员工具中的unicode字符和平板电脑上的在线，但从移动设备（chrome）查看时不会应用size属性。

有关实例，请参阅http://www.perth-soakwells.net。作为参考，徽标中的e是7em。

有谁知道为什么或有替代方法。我使用圆圈作为徽标的一部分。见上面的链接。

以下代码。

＆＃13;

.logo_circle{
font-size: 9em;
position: absolute;
top: 0; 
left: 0; 
color: white;
font-family: "Arial", "Lucida Sans Regular", "DejaVu Serif", "Verdana", "Unifont", "Trebuchet MS";}

body{background-color:black;}

＆＃13;

<div class="logo_circle">&#9679;</div>

＆＃13;

Answer 1

size属性当然适用于我。但是，我的移动浏览器上的徽标在我的Windows桌面上看起来仍然不一样，而且在我的Linux桌面上看起来又不同了。

这是因为您选择的字体（Arial作为首选）无处不在。在没有该字体的平台上，您将获得不同的内容，字符U + 25CF黑色圆●的确切形状和半径因字体而异。

您可以嵌入带字符的Web字体以尝试获得一致的渲染，或者更好的是，将徽标创建为包含固定路径的SVG图像，而不是依赖于文本。

Answer 2

**YOU can do like this**

<!DOCTYPE html>
<html>
<head>

</script>
<style>
.logo_circle{
font-size: 9em;
position: absolute;
top: 0; 
left: 0; 
color: white;
font-family: "Arial", "Lucida Sans Regular", "DejaVu Serif", "Verdana", "Unifont", "Trebuchet MS";}
.logo{
transform: rotate(340deg);
    font-size: 3em;
    position: absolute;
    top: 0;
    left: 0;
    margin: 63px 22px;
    color: #533E9D;
    font-weight: 600;
}
body{background-color:black;}
</style>
</head>
<body>
<div class="logo_circle">&#9679;</div>
<div class="logo">N</div>
</body>
</html>

在chrome mobile上未应用Unicode字符字体大小。为什么？

2 个答案: