样机网页布局字体比插图画家小

Question

听起来很明显：

我习惯用illustrator设计我的网页的模型。当我将所有内容翻译成css并将页面测试到我的浏览器时，即使我在插图画家模型中使用相同的字体设置，我也可以看到字体更大。 css方面。

//in css i have
body{font:Georgia,"Times New Roman",Times,serif;font-size:16px;
font-weight:normal;}

//I wrapped the example text inside "h1" tags 
h1{font-size:24px;font-weight:normal;}

//in illustrator I have font georgia,24px,font-style "regular" selected

我该如何解决？

感谢

卢卡

Answer 1

它们似乎完全是不同的字体 - 请查看小写 e 和 g 。检查IE与检查器使用的字体。您可以按F12激活检查器。

编辑： IE8使用的字体看起来像是Times New Roman，IE的默认字体。尝试用font:Georgia替换font-family:Georgia部分。 font属性旨在用作一次设置所有字体属性的简写，并且在用于仅设置字体时可能不起作用。

Answer 2

我想这是因为不同的浏览器处理字体的方式与Illustrator不同。您可以使用CSS控制字体大小/间距和那种东西，正如您所注意到的 - 您是否在Illustrator中使用了任何其他字体设置，如字距调整或类似的东西？这可能会影响它。