问题描述
(HTML 初学者)
我已经制作了我想要制作的网站的 Photoshop 模型，但是我在模型中使用的文本在 Firefox 中查看时看起来有所不同.文字是 Arial 字体，大小为 18pt 和常规粗细，我已将其实现为 HTML 代码，但看起来不同.
I have made a Photoshop mock-up of the website I want to make, but the text I have used in the mock-up looks different when viewed in Firefox. The text is Arial font, size 18pt and regular weight, and I have implemented this into HTML code, but it looks different.
有没有办法让字体在 HTML 中看起来和在 Photoshop 中一样?
Is there a way to make the font look the same in HTML as it does in Photoshop?
提前致谢:)
推荐答案
简短的回答是不".与 Web 浏览器相比，Photoshop 具有很多的字体功能.它应用了各种平滑算法，您可以更好地控制字距、跟踪和间距.
The short answer is "no". Photoshop has a lot more font functionality than a web browser. It applies all kinds of smoothing algorithms, and you can control kerning, tracking and spacing much better.
每个浏览器和操作系统也有不同的渲染引擎，因此即使您可以在一个浏览器/操作系统组合中获得相同的结果，但在另一个浏览器/操作系统组合中看起来会有所不同.
Each browser and OS has a distinct rendering engine as well, so even if you could get it the same in one browser/OS combination, it would look different in another.
但是，请查看所有文本的 CSS 属性，看看您是否可以获得你可以忍受的东西.如果没有，最好的办法就是从文本中制作一个图像，然后将其添加到带有良好替代"文本等的页面中.
However, check out all the CSS properties for text to see if you can get something you're able to live with. If not, your best bet is to just make an image out of your text and add it to your page with good "alt" text and such.
这篇关于Photoshop Mock Up 字体与 HTML 中的不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！