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

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

0 голосов
/ 14 декабря 2010

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

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

alt text

Ответы [ 3 ]

2 голосов
/ 14 декабря 2010

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

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 больше подходит для печати, чем для экрана «цифрового» носителя.

2 голосов
/ 14 декабря 2010 
    .someclass{
     font: bold 17px Arial, Helvetica, sans-serif;
    }

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

.someclass{
     font: bold 17px Arial, Helvetica, sans-serif;
     color: #333;
    }
1 голос
/ 27 декабря 2010

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

Правка> Настройки> Единицы и линейки> Единицы> Тип> выберите Пиксели

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

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

...