大字体,薄字母

Question

让我们说我用font-size:30px;和font-family:Verdana;.

我需要那些字母很大但很薄,所以我试过了font-weight:lighter;.

然而,没有任何变化,一些字体会变小,一些字体不会受到影响.

我怎样才能创建大而薄的字母？CSS中有没有办法,或者这些是特定的字体？

Answer 1

这是我想到的最接近的事情。

div{
    font-family:Verdana;
    font-size:30px;
    font-weight:100;
    -webkit-text-stroke-color: rgb(255,255,255);
    -webkit-text-stroke-width: 1px;
    -webkit-font-smoothing: antialiased;
}

问题：
1. 仅适用于 webkit 浏览器（Safari、Chrome）
2. 如果文本后面的背景不是纯色，则可以看出它是文本笔划。
http://jsfiddle.net/dru87/

Answer 2

要实现 Verdana 的瘦身版本，由于字体不支持某些粗细，您将必须托管自己的字体版本，或使用已托管的其他字体来实现您的外观。

\n\n

有些字体不支持其自身的较轻/较重版本 - 如果支持，它们可能与 CSS 数字比例不对齐（正如您所指出的）。

\n\n

从这里。

\n\n

\n

因为许多专业品质的网络字体都有不同的粗细，所以现在使用数字比例比我们只需要处理 \xe2\x80\x98normal\xe2\x80\ 时更有意义。 x99 (400) 和 \xe2\x80\x98bold\xe2\x80\x99 (600)。\n 通常，族\xe2\x80\x99s 权重可以映射到以下值：

\n\n

100：超轻

\n\n

200：薄

\n\n

300：光

\n\n

400：常规

\n\n

500：半粗体

\n\n

600：大胆

\n\n

700：额外大胆

\n\n

800：重

\n\n

900：超重型

\n\n

请注意关键字，那里：典型地。可悲的是，现实是许多\n 字体不\xe2\x80\x99 不符合这种模式，就像当一个系列有\n 多种粗细时，或者他们自己的定义不一定\xe2\x80\x99\n 时\n n 符合标准尺度。

\n

\n\n

因此，长话短说，您必须托管该字体的“较薄”版本（您制作/下载的字体），或者使用其他字体。

\n\n

IMO Tahoma、Hedley 或Geneva 是外观相似的字体，但是这些字体不是免费提供的——您可以在Google 字体上查找一些字体，您和@minitech都指出了这一点。

\n