Css 基于区域设置更改字体族_Css_Ruby On Rails_Internationalization_Sass

Css 基于区域设置更改字体族

css ruby-on-rails internationalization sass

Css 基于区域设置更改字体族,css,ruby-on-rails,internationalization,sass,Css,Ruby On Rails,Internationalization,Sass,这就是我所拥有的 html标题： <head lang="<%= I18n.locale %>"> 但是SCS似乎不起作用，它在更改区域设置时不会更改字体系列您需要在html元素上设置lang属性，而不是head元素，如果您使用像html[lang=“en”]这样的选择器，这不是有效的CSS。您使用的是CSS预处理器吗？我使用的是sass/scss。抱歉，忘记指定+1个漂亮的捕捉！我不确定的输出，但是OP可能还需要使用[attr |=value]选择器。 body {

这就是我所拥有的

html标题：

<head lang="<%= I18n.locale %>">

但是SCS似乎不起作用，它在更改区域设置时不会更改字体系列

您需要在

html

元素上设置

lang

属性，而不是

head

元素，如果您使用像

html[lang=“en”]

这样的选择器，这不是有效的CSS。您使用的是CSS预处理器吗？我使用的是sass/scss。抱歉，忘记指定+1个漂亮的捕捉！我不确定

的输出，但是OP可能还需要使用

[attr |=value]

选择器。

body {
  html[lang="en"] & {
    font: normal 13px/140% "Helvetica Neue", verdana, arial, helvetica, sans-serif;
  }
  html[lang="ja"] & {
    font: normal 13px/140% "メイリオ", Meiryo, "ＭＳ Ｐゴシック" , MS PGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, sans-serif;
  }
}