字体大小在Photoshop中不同于我的HTML

我已经为网页做了一些标题，并且我决定将它们更改为HTML而不是图像，但是我在photoshop中使用了相同大小的20pt，并且在网站上使用了大小相同的20pt。这是正常的有什么办法让他们相同的大小？我是后端开发人员，通常不是前端开发人员，这就是为什么我问。
在此先感谢，
院长字体大小在Photoshop中不同于我的HTML

来源

2010-08-13 Dean

你会发现翔实这个问题http://stackoverflow.com/questions/1161710/photoshop-mock-up-font-isnt-same-as -in-html – Sotiris 2010-08-13 10:14:11

HTML不是一个图像，不能被视为这样。它应该可以处理多种分辨率和屏幕尺寸。

你打算如何处理在他们的浏览器上调整字体大小的人？

尽管使用相对大小和标题标记（<H1>到<H6>）并使用CSS对它们进行了样式设置，但尝试使用不同的大小将是语义上正确的操作。

来源

2010-08-13 10:07:02 Oded

不，但是如果你插入一个图像到网页，它相当于100％查看它？如果是，那么就会出现问题，因为图像上没有调整大小。 – Dean 2010-08-13 10:14:19

@Dean - 这是真的，然而，屏幕阅读器和搜索引擎机器人也看不到它。如果您的用户视线不好，他们无法调整字体大小以查看内容。 – Oded 2010-08-13 10:16:05

图像中的alt标记怎么样？我认为这是一种替代图像的方式，可以通过机器人阅读和难以看清。 – Dean 2010-08-13 10:27:34

您是否将Photoshop中的分辨率设置为屏幕的96 dpi或纸张的300 dpi？这将解释大尺寸。

阅读本ARTIKEL：如何在CSS文本大小link text

来源

2010-08-13 11:52:50

字体大小在Photoshop中不同于我的HTML

回答

相关问题