我正在使用一个WordPress，允许站点管理员在sans-serif和serif字体之间切换 .
我试图以这样的方式对样式表进行编码，使得字体大小相似，无论他们是否选择Georgia vs Arial .
问题是，当我使用serif字体看起来很漂亮时，在sans-serif中看起来太大了 . 然后当我调整它看起来很好看的无衬线字体时，它看起来太小了衬线 .
是否有理想的字体大小和行高，适用于serif和sans-serif？
或者我需要制作单独的样式表（serf版本和sans-serif版本）？
附：我在主体上设置了12px的基本字体大小，然后将其余的字体大小设置为基数的百分比 . 当然，这个基本字体大小可以用ems或百分比来设置，因为百分比仍然会按比例缩放 .
3 回答
首先，我会使用em，除非你有令人信服的理由使用％ . 另外，在12px基本字体大小的情况下，我喜欢将行高设置为1.25或1.5 em（15或18 px） . 然后你需要找到一个serif字体，它接近sans serif的间距......反之亦然 . 如果您研究“字体堆栈”，您可以找到一些关于哪些字体可以一起使用的好信息 .
谢谢你的两个答案 . 这里非常有用的信息 . 我学到了一些关于我以前不知道的字体堆栈和相对大小的东西 . 我将为用户提供更改字体大小的功能，并“调整”它们以符合他们的喜好 .
您遇到的问题与不同字体的不同相对x高度有关，这只是在技术术语中重复您的原始问题：Georgia @ 12px不等于Arial @ 12px . 这是由于字体的方面值 .
有一个css3属性"font-size-adjust"，它理论上将所有字体的x高度均衡到你指定的字体，但是我广泛支持或支持 . 你可以读一下@ http://www.fonttester.com/help/css_property/font-size-adjust.html
你可以看一下这个有javascript解决方案的页面：
http://www.brunildo.org/test/xheight.pl
最后，针对您的问题的w3文档：
http://www.w3.org/TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro
希望其中一些有所帮助 .