Photoshop的小样字体不一样的HTML(Photoshop Mock Up Font isn&

2019-06-26 12:07发布

(初学者HTML)

我做了网站,我想要做的Photoshop的实物模型,但在Firefox浏览时,我已经在模拟时使用的文字看起来不同。 文字是Arial字体,大小18pt,定期重,我已经落实到HTML代码这一点,但它看起来不同。

有没有一种方法,使字体看起来相同的HTML,因为它在Photoshop呢?

提前致谢 :)

Answer 1:

最简洁的答案是不”。 Photoshop中具有比网页浏览器更大量的字体的功能。 它适用于各种平滑算法,并可以控制字距,追踪和间距要好得多。

每个浏览器和操作系统具有鲜明的渲染引擎一样,所以即使你能得到它同在一个浏览器/ OS的组合,它看起来在另一个不同。

然而,检查所有文字CSS属性 ,看看你能得到你不能忍受的东西。 如果不是,最好的办法是只使图像从你的文字,并具有良好的“ALT”文字和这种添加到您的网页。



Answer 2:

我不知道你是什么操作系统,但Windows和Macintosh有不同的字体系统。

本帖由Joel Spolsky的指出,字体渲染是基于哲学分歧。

这就是你所看到的? 请上传图片,我们可以看到你在说什么。



Answer 3:

字体是一些你根本无法得到正确的网络上。 如果你绝对要控制字体的样子,那么你必须使用图片(和挨打吧,这是正确的)。 这是根本不可能达到完美的像素文本显示在HTML中。 这将启动与字体的操作系统有差异,在浏览器的布局引擎的差异结束。



Answer 4:

有两种方法可以做到这一点:

  1. 以该字体的图像,并在布局中使用它。
  2. 使用像SIFR或FLIR自定义字体创建工具。 这是一个棘手的选择B / C,你需要为自己的Adobe Flash,你需要有经销权的字体(类似书籍,音乐等)。

基本上,如果你想拥有它看起来完全一样,仍然停留符合标准的,这是真的几乎是不可能的。

如果你正在寻找如何打开Adobe Photoshop的样机为HTML文档,你应该检查出的截屏系列上CSS-tricks.com,克里斯Coyier,一个非常有才华的设计师(不,这不是我:))运行。



Answer 5:

你必须明白另一件事是,它与Web浏览器,最终控制你的页面的外观的人。 所以,无论你是多么喜欢摆弄得到一个网站,你想看到它的方式,它会查看不同别人的电脑上



Answer 6:

如果你需要完美,晶莹剔透的字体相匹配,可以使用flash ...但附带缺点的整体一大堆。



文章来源: Photoshop Mock Up Font isn't same as in HTML
标签: html text fonts