如何阻止变形的字体变形?

问题描述 投票:0回答:1

我正在使用transform-rotation css属性旋转div,因此我可以将其用作页面上的固定Facebook和Twitter链接,当我使用它时,它会“扭曲”我当前的文本字体。当我取消旋转时,文本恢复正常。有没有办法解决这个问题!]

Here is my website.

我的div是社交[[facebook],[twitter]]。

这是内部div的CSS:

#facebook,#twitter{
    display:inline-block;
    font-family:"lucida grande",tahoma,verdana;
    font-weight:bold;
    width:125px;
    margin:0px;
}

这是社交的CSS:

#social{
position:absolute;
right:-120px;
bottom:50%;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
}

我想要的是使文字看起来清晰透明,并且不会全部变形。还有另一种方法可以改变/改变我的字体吗?

我正在使用transform-rotation css属性旋转div,因此我可以将其用作页面上的固定Facebook和Twitter链接,当我使用它时,它会“扭曲”我当前的文本字体。当我拿...

html css css3 rotation transform
1个回答
0
投票

[当旋转元素时,某些网络字体会发生这种变形。您可以尝试应用backface-visibility:hidden解决此失真。希望对您有所帮助!

© www.soinside.com 2019 - 2024. All rights reserved.