编码时字体看起来不同。如何解决？ [关闭]答案

【问题标题】：font looks different while coding. how to fix it? [closed]编码时字体看起来不同。如何解决？ [关闭]
【发布时间】：2014-01-16 17:48:08
【问题描述】：

我在 photo shop 中设计了一个页面。

当我尝试将其转换为 HTML 时，标题字体看起来有点不同。但是我应用了相同的样式和字体，例如在 Photo shop 中大小为36pt（非粗体），当我在 HTML 中添加 BOLD 时，我可以得到相同的效果。

主要问题是，字体看起来像剪切字母，这意味着" I " 看起来像垂直排列的两个破折号。

如何解决？

【问题讨论】：

【解决方案1】：

将该“页面”保存为图像，然后将该图像放入 HTML 文件中。

编辑：我认为您只需使用键盘上的 PRINT 键就可以让它看起来像在您的计算机上一样 - 即使使用所有 Photoshop 工具栏等！但是不要忘记向用户提供您的显示器的颜色配置文件和照明配置文件以及您房间的确切布局，并且不要忘记您使用的灯泡类型，您的玻璃的厚度和色调窗户，当然还有太阳的角度！

【讨论】：

是的..这是个好主意..但出于响应目的，我尝试仅使用代码创建徽标。
推荐使用图片是一种选择，但这不是一个很好的选择。仅当它在每个浏览器上绝对必须看起来完全相同时才这样做。如果你用图片制作网站，那么在搜索引擎优化方面你就不会走得太远，更不用说响应能力了。

【解决方案2】：

将 Photoshop 文件转换为网站的问题在于 Photoshop 呈现的字体与浏览器不同。在大多数情况下，字体显示与您的设计中相同，但有时您无法让字体看起来与您的 Photoshop 文件中的完全相同。不幸的是，目前还没有解决此问题的方法。

Photoshop 比浏览器拥有更多的字体功能，因此您必须对浏览器中的简化版本感到满意。

您可以做的是将 PSD 中的文本分割为图像并将其包含在您的 HTML 中，但这是一种非常过时的方法，会增加您网站的加载时间。

【讨论】：