文章/答案/技术大牛

发布

社区首页 >问答首页 >提高CJK字体的全球字体大小？

问提高CJK字体的全球字体大小？
EN

Stack Overflow用户

提问于 2016-03-24 13:59:26

回答 1查看 435关注 0票数 2

亚洲字符(中文/日文/韩文)使更紧凑的元素，butI将需要字体大小稍微增加时，我的网站切换为中文。如何在全球范围内增加字体大小？

我想我可以在身体标签上附加一个类，就像这样：

<body class="cjk">

假设

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

可能会做那件事？

css

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-25 00:50:48

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

我建议自定义构建，有两个选项可以对元素进行微调：

1)使用主体/包装器类：

较少

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

2)使用有保护的混合物来改变特定的元素，例如：

在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

Bootstrap-zh.less

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

选项1更冗长，但您只有一个文件。

选项2是流线型的，但是您必须切换出bootstrap.css <>引导程序-cjk.css文件。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36201982

复制

相似问题

问提高CJK字体的全球字体大小？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提高CJK字体的全球字体大小？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提高CJK字体的全球字体大小？
EN