如何通过CSS让网页中所有英文字体大小和汉字不同

Question

例如：
<div class="ste">主页 HOME</div>
我想让主页两个字的大小为14px，而HOME大小为9px,那么这个ste样式 我应该怎么写呢？

Answer 1

font-family的调用方法:
代码如下:

div {
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;
}

根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体

根据font-family的字体调用原则我们可以为英文,中文,等两种字体调用不同的字体来渲染.

如:Arial,’Times New Roman’这两种字体不认识中文,只认识英文,所以,这两种字体只能渲染英文数字和一些特殊符号,而页面中的中文就会自动调用第三种字体Microsoft YaHei(PS:假如存在这种字体的话).

所以,在定义字体的时候把英文的字体写在前面把中文的写在后面.这样，系统就会自动按顺序依次给字用字体，如果当前字体不支持文本，自动换用列表中的下一个字体

经过测试，IE9、IE9兼容模式（兼容IE8）、Chrome浏览器最新版本（34.0）、 Firefox浏览器最新版本（29.0）支持该font-family属性；
但是某些版本的IE浏览器（IE7、IE8）无法实现该font-family属性的要求，还会暴露出一些奇怪的 bug。如在这些版本的浏览器下使用中文字体（比如微软雅黑），需要把该中文字体放到font-family属性的首位，但是会导致英文字体也会使用该中文字体渲染。即在这些浏览器（IE7、IE8）下不支持在font-family属性中为英文和中文字体分别使用不同的字体。

Answer 2

这里给你点建议：
你不妨这样试试

把ste的字体大小样式设成9px，然后再主页样式即<span>主页</span>再设定span的字体大小样式为14px

整个就是：
<div class="ste"><span>主页</span> HOME</div>

希望以上信息对你有帮助

Answer 3

只能把他俩分别 放在不同的<span></span>里面 然后分别定义。
CSS好像没办法做到区分 中英文。
<div class="ste"><span class="CN">主页</span><span class="EN">HOME</span></div>本回答被网友采纳

Answer 4

<div style="size:14px; float:left;">主页</div>
<div style="size:9px float:left;">HOME</div>

<div>
<span style="size:14px">主页</span>
<span style="size:9px">HOME</span>
</div>
好多种写法的！

Answer 5

.ste{font-size:14px;}.ste span{font-size:9px;}

<div class="ste"><span>主页</span> HOME</div>