Размер шрифта CSS толще 900?

Question

У меня есть панель, которую можно развернуть или минимизировать по вертикально центрированной ссылке с символом < или> в качестве текста ссылки. В font-weight: 900 это не выделяется много, даже с большим серым фоном вокруг него. Я не хочу использовать изображение и, при текущем размере шрифта, оба символа в настоящее время занимают максимальную ширину панели.

Есть ли способ сгустить линию на символах, превышающих 900? Или есть другая альтернатива, которую я мог бы использовать?

Заранее спасибо.

Ричард

Answer 1

К сожалению, нет никакого начертания шрифта толще, чем 900, и с указанием шрифта веса числом варьируется в разных браузерах. Лучше всего использовать более толстый шрифт - вы не указали, что используете, но Impact относительно толстый и высокий по ширине, будучи веб-безопасным. В противном случае вы можете использовать шрифт @ font-face для загрузки в другом шрифте.

Answer 2

В CSS 3, есть другой способ сделать размер шрифта смелее:

color:#888888;  
text-shadow: 2px 0 #888888; 
letter-spacing:2px; 
font-weight:bold; 

EDIT:

По какой-то странной причине это не выглядит так красиво, как это было в течение год назад. Он работает только с text-shadow 1px (на большинстве распространенных шрифтов другие более толстые шрифты могут работать с 2px). И с текстовой тенью всего 1px нет необходимости в таком большом расстоянии между буквами.

color:#888888;  
text-shadow: 1px 0 #888888; 
letter-spacing:1px; 
font-weight:bold; 

Answer 3

Это довольно толстая. Но работает только с webkit.

font-size: -webkit-xxx-large; 
font-weight: 900; 

Answer 4

Чтобы добавить Gogutz ответа, вы можете пойти еще смелее, складывая вверх текстовую тень в сетке. Запятая отдельно на линии:

.extra-bold { 
    text-shadow: 0px 1px, 1px 0px, 1px 1px; 
}