Настройка смелых вещей с помощью CSS

Question

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

Answer 1

Обходной путь, если жирный шрифт на самом деле не поддерживает жирный стиль, - это эмулировать смелость с помощью текстовых теней 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;
}

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

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

Answer 2

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

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

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

Answer 3

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

Answer 4

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

Answer 5

да, вы можете настроить его следующим образом

.myClass 
{
    font-weight: 700;
}

Answer 6

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

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

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

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