Question

亚洲字符（中文/日文/韩文）制作更紧凑的元素但是当我的网站切换到中文时，我需要稍微增加字体大小。如何全局增加字体大小？

我想我可以将一个类附加到body标签上，如下所示：

<body class="cjk">

并假设

.cjk {
    base-font-size: 36px
}

可能会做那份工作吗？

Answer 1

只是改变根大小可能不会给你你想要的东西，因为其余的标签使用变量作为像素边距等。

我建议自定义构建，并且有两个选项可用于微调元素：

1）使用body / wrapper类：

LESS

.cjk{
   & h1,  
   & h2,
   & h3{
      font-family:@font-family-zh  
   }
   ...
 }

2）使用受保护的mixins来改变特定元素，例如：

variables.less 中的

将所有内容一起更改

.SetFontSize() when (@cjk) {
    @font-size-base: 17px;
}
.SetFontSize() when (@cjk = false) {
    @font-size-base: 15px;
}
.SetFontSize();

或在 scaffolding.less 等特定文件中进行更精细的控制

body {
  font-family: @font-family-base;
  & when (@cjk) {
     font-size: @font-size-base-adjusted;
  }
  & when (@cjk = false) {
     font-size: @font-size-base;
  }
  font-weight: @font-weight-base;
  line-height: @line-height-computed;
  color: @text-color;
  background-color: @body-bg;
  position: relative;
}

Bootstrap.less

@cjk = false;
... 
rest of the imports

自举-zh.less

@cjk = true;
... 
rest of the imports

选项1更详细，但您只有一个文件。

选项2已经过简化，但您必须切换文件bootstrap.css＆lt;＆gt;自举-cjk.css

为CJK字体全局增加字体大小？

1 个答案: