Настройка жирного шрифта с помощью CSS

Question

Я не думаю, что мой жирный текст на веб-странице достаточно смелый, поэтому мне было интересно, есть ли какие-либо способы, которые я мог бы настроить жирным шрифтом с помощью CSS.

Answer 1

с font-weight вы можете указать «смелость» вашего текста с большим номером ... но почти каждый браузер отображает только текст в той же «смелости», что и без определенного номера.

В качестве альтернативы вы можете использовать Bold- или Black-Styles самого шрифта, но большинство интернет-пользователей, возможно, не установили эти конкретные шрифты.

смотри примеры: http://clagnut.com/blog/2228/

Answer 2

Свойство font-weight (w3schools.com) позволяет изменить смелость вашего текста. Я не уверен, что все браузеры полностью поддерживают это или нет.

Answer 3

вы можете указать font-weight из 900, хотя большинство браузеров визуализируют его так же, как полужирным шрифтом.

Вы можете использовать некоторые шрифты, такие как зола Arial Black, которая довольно жирная.

Возможно, вы захотите включить другие шрифты для платформы, которую вы собираетесь поддерживать, например, в Linux ... на Mac Snow Leopard, наверняка есть Arial Black, а в Windows 7 - только на панели управления Arial, но у него есть стиль, такие как черный, и с помощью "Arial Black" работает:

http://jsfiddle.net/S2SxS/2/

Answer 4

да, вы можете настроить его, как это

.myClass 
{ 
    font-weight: 700; 
} 

Answer 5

Вы можете отображать текст в виде изображения в предпочитаемом шрифте и смелости, а затем установить это изображение в качестве фона изображения текста в CSS и установите текстовый отступа к большое положительное или отрицательное число, чтобы переместить его на страницу. Изображение появится там, где был текст, а текст по-прежнему находится на странице для устройств чтения и поиска.

Answer 6

обходной путь, если полужирный шрифт не поддерживает жирный стиль, заключается в том, чтобы подражать смелости с использованием текстовых теней css3.

<span class="bold">some text goes here</span> 

span.bold { 
    text-shadow: 1px 0px 0px #000; /* the textcolor */ 
    padding-right: 1px; 
    letter-spacing: 1px; 
} 

Добавляет 1px вправо и пробегает буквы, чтобы они снова выглядели красивыми. Вы можете также комбинировать много «тени», поместив их в списке запятой:

text-shadow: 1px 0px 0px #000, -1px 0px 0px #000, /*...*/ ;