Css 具有不同字体类型的多语言网站

Css 具有不同字体类型的多语言网站,css,umbraco,multilingual,Css,Umbraco,Multilingual,我正在开发我的网站与翁布拉科,我需要它是多语言的英语和中文。为了使用Umbraco使我的网站具有多语言性,我基本上克隆了网站,然后更改了内容,但保留了所有html和css模板。 但对于中文版,我需要使用不同的字体类型,我如何才能做到这一点?是否可以指定CSS中使用的字体?还是其他解决方案 多谢各位 您不能根据语言向正文添加类吗?例如,英语为en,汉语为cn?然后您可以针对body.en和body.cn添加不同的字体 例如: body.cn { font-family: 'chinese f

我正在开发我的网站与翁布拉科,我需要它是多语言的英语和中文。为了使用Umbraco使我的网站具有多语言性,我基本上克隆了网站,然后更改了内容,但保留了所有html和css模板。 但对于中文版,我需要使用不同的字体类型,我如何才能做到这一点?是否可以指定CSS中使用的字体?还是其他解决方案


多谢各位

您不能根据语言向
正文添加类吗?例如,英语为
en
,汉语为
cn
?然后您可以针对
body.en
body.cn
添加不同的字体

例如:

body.cn {
   font-family: 'chinese font';
}

body.en {
   font-family: 'english font';
}
body,
按钮
输入,
选择,
文本区{
颜色:#2b2b;
字体:12px/1.5“Hiragino Sans GB”,Tahoma,Arial,Microsoft YaHei微软雅黑", "Helvetica Neue”,无衬线;
*字体系列:“Hiragino Sans GB”,Microsoft YaHei微软雅黑", Tahoma,Arial,“Helvetica Neue”,无衬线;

}
使用区域性将“lang”-属性添加到HTML标记中,然后在CSS中,使用HTML[lang=“Culture”]选择它。因此,对于英语,您可以使用例如“en GB”,生成以下内容:

剃须刀(布局页面):

或者,您可以通过将文化作为一个类添加到您的身体中来实现这一点,例如:

剃须刀(布局页面):


你是说一个不同的字体系列?如果是的话,请阅读你需要的。但是如果不是你的意思,请解释你需要什么;出了什么问题。浏览器通常非常擅长显示汉字,而不需要进行特殊测量。html文件对两者都是一样的,如果我有两个不同的html文件,那就可以了,我想。除非我真的不明白你的答案。你可能可以让Umbraco根据显示的语言添加类。必须有
if(*检查语言*){do something}
在Umbraco中。将其视为Wordpress将
主页
发布
页面
添加到
主体
类,具体取决于您正在查看的页面。这样,您可以编写非常具体的CSS。您将不得不以某种方式更改模板。@rvervurt建议对主体标记进行非常简单的添加,如(但我不知道你的Umbraco版本,也不知道你的模板/视图是如何设置的,所以这是一个近似值)。哦,好吧,我现在明白了!这看起来是一个简单的解决方案,我会试试看!
<html lang="@Culture">
</html>
html[lang="en-GB"] { font-family: 'WhatEverFont', sans-serif; }
<html lang="@Culture">
  <body class="@Culture.ToLower()">
  </body>
</html>
body.en-gb { font-family: 'WhatEverFont', sans-serif }