Photoshop Mock Up Font和HTML不一样 [英] Photoshop Mock Up Font isn't same as in HTML

问题描述

（初学HTML）

我做了一个我想做的网站的Photoshop模拟，但是我在模型中使用的文本在Firefox中查看时看起来不同。文本是Arial字体，大小18pt和正常的重量，我已经实现了这个HTML代码，但它看起来不同。

有没有办法使字体看起来在HTML中是一样的，它在Photoshop？

感谢提前：）

解决方案简单的答案是不。 Photoshop拥有比浏览器更多的字体功能。它应用了各种平滑算法，并且可以更好地控制字距，跟踪和间距。

每个浏览器和操作系统都有独特的渲染引擎，所以即使你可以在一个浏览器/操作系统组合中得到相同的结果，但在另一个浏览器/操作系统组合中它看起来不一样。然而，请查看所有的 www.w3schools.com/css/css_text.asprel =noreferrer>文本的CSS属性，看看你是否可以得到你能够忍受的东西。如果没有，最好的方法就是从文本中制作一张图片，并用好的alt文本等将其添加到您的网页中。

(Beginner to 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.

Is there a way to make the font look the same in HTML as it does in Photoshop?

Thanks in advance :)

解决方案

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.

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 Font和HTML不一样的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！