Question

我正在使用Umbraco开发我的网站，我需要使用英语和中文多语言。为了使我的网站与Umbraco多语言我基本上克隆了网站，然后更改内容，但保留所有的HTML和CSS模板。但是对于中文版我需要使用不同的字体类型，我该怎么做？是否可以指定CSS中使用哪种字体？还是其他任何解决方案？

非常感谢！

Answer 1

您是否可以根据语言向body添加课程？例如，英语为en，中文为cn？然后，您可以定位body.en和body.cn，并根据这些字体添加不同的字体。

示例：

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

body.en {
   font-family: 'english font';
}

Answer 2

＆＃13;

body,
button,
input,
select,
textarea {
  color: #2b2b2b;
  font: 12px/1.5 "Hiragino Sans GB", Tahoma, Arial, Microsoft YaHei, "微软雅黑", "Helvetica Neue", sans-serif;
  *font-family: "Hiragino Sans GB", Microsoft YaHei, "微软雅黑", Tahoma, Arial, "Helvetica Neue", sans-serif;
}

＆＃13;

将您的英文字体系列放在中文之前，因此中文计算机只能识别中文字体系列并忽略英文字体系列。
我是中国的网络开发者，中文字体很少：
1.微软雅黑（microsoft yahei）
2.宋体（simsun）
3.黑体

Answer 3

使用Culture将“lang”属性添加到HTML标记，然后在CSS中，使用html [lang =“CULTURE”]选择它。所以对于英语，你使用例如“en-GB”，产生以下内容：

Razor（布局页面）：

<html lang="@Culture">
</html>

CSS：

html[lang="en-GB"] { font-family: 'WhatEverFont', sans-serif; }

或者，您可以通过将文化作为一个类添加到您的身体来实现这一目标，例如：

Razor（布局页面）：

<html lang="@Culture">
  <body class="@Culture.ToLower()">
  </body>
</html>

CSS：

body.en-gb { font-family: 'WhatEverFont', sans-serif }

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

3 个答案: