如何为不同字体添加不同大小?
这是我的正文CSS代码:
body {
direction: rtl;
font-family: Roboto, Droid Arabic Kufi;
}
使用Roboto字体来显示英文单词,使用Droid Arabic Kufi字体来显示阿拉伯语单词。如果单词是英文(Roboto),则字号为13像素,如果是阿拉伯语(Droid Arabic Kufi),则字号为12像素。
font-family
和font-size
:.english {
direction: ltr;
font-family: 'Roboto', sans-serif;
font-size: 13px;
}
.arabic {
direction: rtl;
font-family: 'Droid Arabic Kufi', sans-serif;
font-size: 12px;
}
<span class="english">english text 13px font size</span>
<span class="arabic">arabic text 12px font size</span>
.english {
direction: ltr;
font-family: 'Roboto', sans-serif;
font-size: 13px;
}
.arabic {
direction: rtl;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
<link href="https://fonts.googleapis.com/css?family=Droid+Sans|Roboto" rel="stylesheet">
<span class="english">english text 13px font size</span><br>
<span class="arabic">arabic text 12px font size</span>
.english
和一个类.arabic
。然后,您可以设置以下样式:.english {
direction: ltr;
font-family: Roboto;
font-size: 13px;
}
.arabic {
direction: rtl;
font-family: Droid Arabic Kufi;
font-size: 12px;
}
如果不使用类或其他唯一标识元素所包含的语言,就无法完成这个功能。