1

しばらくの間、私が取り組んでいる大規模なサイトで問題が発生しました。主な問題は、私たちのサイトが英語と中国語の 2 つの言語で提供されていることです。中国のサイトは、別のドメイン (domain.com および domain.com.cn) からも提供されています。

これにより、すべての CSS 作業、主にフォント、およびドメインでいくつかの問題が発生します。画像は CDN から提供されるため、css に絶対リンクを配置する必要がありますが、これは中国語用に変更する必要があることも意味します。サイト

body.en .title { background: url(http://media.domain.com/title.png); }
body.cn .title { background: url(http://media.domain.com.cn/title.png); }

フォントも同様で、英語版で使用しているフォントは漢字に対応していないため、漢字には別のフォントを使用しています

body.en .title { font-family: "Our English font" }
body.cn .title { font-family: "Our Chinese font" }

SASSがこれに役立つかどうか疑問に思っています.現時点では、特に中国語版用に、すべてのリンクとフォントを変更する別のファイル（_cn.scss）があります.

しかし、フォントのCSSを出力するためにこのミックスインがあるとしましょう：

@mixin font-english($font-size: 16px, $font-weight: 300, $line-height: 22px) {
    font-family: "English font";
    font-size: $font-size;
    font-weight: $font-weight;
    line-height: $line-height;
}

body.en .title { @include font-english(14px, 700, 18px); }

中国語のフォントも自動的に出力する方法はありますか? 今のところ、これをすべて手動で行う必要があります。URL についても同じことが言えます。

body.en .title { @include background(image.png); }

両方を出力します

body.en .title { @include background(http://media.domain.com/image.png); }

と

body.cn .title { @include background(http://media.domain.com.cn/image.png); }

これはおそらく不可能であることはわかっていますが、より良い解決策を探しているだけです。現在、すべての css をもう一度調べて、URL とフォントを中国語版に変更する必要があります。

4

1 に答える 1