如何在我的网页上显示相同的字体？

Question

我在photoshop中有一个字体为“ Arial 17 pt Regular strong”的文本，如何在CSS中编写以显示相同的文字？

我的两个问题是：
1- Photoshop中的pt单位，在CSS中是什么？
2-如果字体在Photoshop中为粗体，在CSS中它将是什么样？

Answer 1

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

如果您需要更改颜色：

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

Answer 2

假设它是一个段落（但如果不是，则只需更改选择器）：

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更适用于印刷，而不是屏幕“数字”介质。

Answer 3

您可以在Photoshop中将“ PT” **单位更改为** px单位，然后工作，请转到

编辑>首选项>单位和标尺>单位>类型>选择像素

希望它对您有用...

＆对于CSS，在给定的文本中使用“ strong”