Как показать тот же шрифт, что и в фотошопе, на моей веб-странице?

У меня есть текст в фотошопе со шрифтом: «Arial 17 pt обычный сильный», как я могу написать его в css, чтобы показать то же самое?

У меня две проблемы:
1- единица pt в фотошопе, что это такое в css?
2- если в фотошопе шрифт жирный, то как он будет выглядеть в css?

альтернативный текст


html fonts css photoshop
person Amr Elgarhy    schedule 14.12.2010    source источник
comment
Pt в вашем приложении Photoshop может сильно отличаться от Pt, как определено в Интернете. Лучшим решением было бы изменение @David Thomas 17px на 17pt (что будет неправильно) и корректировка его до тех пор, пока он не будет максимально приближен к тому, что вы ищете.   -  person Joel Etherton    schedule 14.12.2010
comment
pt составляет 1/72 дюйма. Точная визуализация зависит от калибровки браузера посетителя, чтобы он знал, сколько пикселей в дюйме для конкретного используемого экрана. Это редкость. Использование абсолютных единиц также игнорирует предпочтения пользователя и вызывает проблемы с доступностью.   -  person Quentin    schedule 14.12.2010

Ответы (3)


arrow_upward
2
arrow_downward 

    .someclass{
     font: bold 17px Arial, Helvetica, sans-serif;
    }

И если вам нужно изменить цвет:

.someclass{
     font: bold 17px Arial, Helvetica, sans-serif;
     color: #333;
    }
person Gregg B    schedule 14.12.2010
comment
Извините, но я должен передать это @David, вы использовали сокращение, в отличие от самоочевидных атрибутов, как у Дэвида, сокращения следует использовать после того, как атрибуты правильно поняты, и пользователь лучше понимает css. - person Val; 30.01.2013

arrow_upward
2
arrow_downward

Предполагая, что это для абзаца (но если нет, просто измените селектор):

p {
  font-family: Arial;
  font-style: normal; /* as opposed to 'italic' or 'oblique' */
  font-weight: bold; /* or 700, or 900 */
  font-size: 17px; /* consider using relative sizing, for example with 'em' units */
  line-height: 20px; /* or as appropriate */
}

Как отмечает @Joel, в комментариях существует (потенциально огромная) разница между pt и px. Стоит также отметить, что pt больше применимо к печатному, а не экранному «цифровому» носителю.

person David says reinstate Monica    schedule 14.12.2010
comment
Разница между px и pt может быть существенной. Может потребоваться разъяснение ОП о том, какой блок использовать. - person Joel Etherton; 14.12.2010
comment
@Joel: хороший момент, я не заметил, что это pt, я совершенно неправильно понял это как px (+1). - person David says reinstate Monica; 14.12.2010

arrow_upward
1
arrow_downward

Вы можете изменить единицу измерения "PT"** на единицу измерения **px в Photoshop, а затем работать, перейдите к

«Правка»> «Установки»> «Единицы и линейки»> «Единицы»> «Тип»> «Выбрать пиксели».

Надеюсь, это сработает для вас....

& для css используйте "strong" с вашим текстом

person Jack    schedule 27.12.2010