CSS如何实现一行文本里中英文分别用不同字体?

html-css024

CSS如何实现一行文本里中英文分别用不同字体?,第1张

使用行内样式span,这样可以保证文字不换行,然后再单独定义span样式文字字体号;

如:

<style>

.aa{ font-family:"微软雅黑"font-size:18pxcolor:#333333}

.aa span{ font-family:Arialfont-size:12pxcolor:#990000}

</style>

<div class="aa">中文字体号和颜色<span>This english</span></div>

效果如下图

如果有css文件的话,在文件中添加

h1{

float:right

}

同时注意给design元素添加宽度,比如"width:200px"

或者直接在原句中添加<div id="Design" style="width:200px"><h1 style=“float:right”>农村自建房设计资料更多</h1></div>

不过不建议采取后一种方式

这里我不清楚题主你具体的类名,我就给你大概写一个吧。

html{ font-family:"中文某字体","英文某字体"}这样就可以为html同时设置中文和英文的字体,html会自动识别文字的中英文,并引用指定字体。