Q

字体样式问题〜如何使字体平滑/强大的HTML css

2011-10-05 128 views 2 likes

2

我有字体Verdana + Bold + 16pt + Stong在PSD 所以在html转换，我们有Font-family：Verdana + Font-weight：bold +字体大小：16pt +强什么？（强HTML标签不工作的这）字体样式问题〜如何使字体平滑/强大的HTML css

有5种字体样式出现在PSD 清晰，色彩艳丽，坚固，平整，无

，所以我不知道如何使字体坚固，平整，夏普等

我如何解决在所有浏览器（旧+新）这个问题。

谢谢。

2011-10-05 Anne

+0

我认为这可能是一些浏览器的具体方式。还有像你可以尝试的文字阴影之类的东西，但一般情况下它取决于浏览器以及它如何处理字体边缘。 - 这或多或少都是一样的东西http://stackoverflow.com/questions/6823988/font-smoothing-techniques-text-shadow-rendering-differently-in-chrome-14-0-833 – Joonas

A

回答

0

http://webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/可能有助于解决的文字看起来有点老年互联网探索者清晰度差的问题。

至于对字体显示有更多的控制 - 光线，粗体，中等等等，我会推荐从www.fontsquirrel.com选择一个很好的可读的衬线字体或san serif字体，大多数字体系列都会带有各种可以使用的权重 - 为不同的权重运行一些跨度。

2011-10-05 09:37:20 DBUK

3

Sharp，Crisp，Strong和Smooth是影响Photoshop如何渲染消除锯齿文本的特殊字体效果。就我所知，CSS中没有等价物。

你可以尝试的是使用CSS效果来自己缩放/转换文本，但对于每个文本的每个字母，可能对每个浏览器，对于每个操作系统来说可能都是这样（因为相同的字体被渲染在Windows，Mac和Linux中不同）。

如果这对您很重要，通常的做法是用Fahrner Image Replacement (FIR)替换带有背景图片的文字。这将文字显示为后备或带有很好反锯齿字体的图像。

2011-10-05 07:50:54

2

检查下面的链接。 CSS3属性

http://webdesign.about.com/od/examples/l/bl_fontsmooth.htm

http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm

http://www.usabilitypost.com/2010/08/26/font-smoothing/

2011-10-05 07:56:34 Bala

+0

注意，不适用于所有浏览器。 –

相关问题