Css 模拟web布局字体小于illustrator

这听起来很明显：

我习惯于用illustrator设计网页模型。当我将所有内容翻译成css并在浏览器中测试网页时，我可以看到illustrator模型中的字体更大，即使我在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

我该如何解决这个问题？

谢谢

---

卢卡

我想这是因为不同的浏览器对Illustrator处理字体的方式不同。您可以使用CSS控制字体大小/间距等，正如您所注意到的-您在Illustrator中使用过任何其他字体设置，比如字距或类似的设置吗？这可能会影响它。

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

编辑：IE8使用的字体与泰晤士报的默认字体类似。尝试将

font:Georgia

部件替换为

font-family:Georgia

。该属性用作一次设置所有字体属性的速记，如果仅用于设置字体，则可能无法使用