Asya karakterleri (Çince/Japonca/Korece) daha kompakt öğeler oluşturuyor ancak sitem Çince'ye geçtiğinde font boyutunun biraz artırılması gerekiyor. Genel olarak font boyutunu nasıl artırabilirim?CJK yazı tipleri için genel olarak yazı tipi boyutunu artırın?
<body class="cjk">
ve bu işi yapabilecek
.cjk {
base-font-size: 36px
}
varsayalım:
ben şöyle beden etiketi için bir sınıf ekli sanırım?
Sadece kök boyutu muhtemelen etiketlerin kalanı piksel marjlar vb
Ben yapı özelleştirme tavsiye için değişken kullanmak gibi istediğiniz ve ince ayar için iki seçenek vardır ne vermeyecektir değişen elementler: bir gövde/kaplama sınıfı kullanılarak
1):
AZ
.cjk{
& h1,
& h2,
& h3{
font-family:@font-family-zh
}
...
}
2) belirli bir e değiştirme katmalar korunan kullanır lements örneğin:
.SetFontSize() when (@cjk) {
@font-size-base: 17px;
}
.SetFontSize() when (@cjk = false) {
@font-size-base: 15px;
}
.SetFontSize();
veya daha iyi bir denetim
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;
}
için scaffolding.less gibi özel dosyalarda birlikte değiştirmek için
variables.less her şeyi Bootstrap.less
@cjk = false;
...
rest of the imports
Bootstrap-zh.less
@cjk = true;
...
rest of the imports
seçenek 1 daha ayrıntılı ama sadece bir dosya var.
seçenek 2 aerodinamik ama <> önyükleme-cjk.css bootstrap.css dosyaları geçmek zorunda
Bu çözümleri önerdiğiniz için teşekkür ederim - daha az çalışmış olmama rağmen daha hassas kontrol fikri hoşuma gitti önce. Öyleyse, bazı özel dosyalar yaratmam ve özel bir bootstrap-cjk.css oluşturmak için bootstrap.css dosyasını yeniden derlemem gerekecek mi? – Monolith
Ben elinizdeki tüm seçenekler, https hakkında bir fikir edinmek için MDN'yi bu bakış okuma öneriyoruz: //developer.mozilla.org/en-US/docs/Web/CSS/font-variant-east-asian – Danielson
@DanAfterFiveCoffees, bence çok fazla kahve içtin. Hiçbir tarayıcı desteği yanında bir aday CSS önerisi önermek gerçekten en iyi tavsiye değildir. – Lance
Söz konusu içeriği, lan lang' özniteliğini kullanarak (ntml' öğesinde), tüm belgenin söz konusu dillerden birinde veya kapsayıcı öğesinde, yalnızca parçaların olması durumunda ve sayfa çoklu dildir) - o zaman gerekli olan tüm öğeleri hedeflemek için öznitelik seçiciyle birlikte öznitelik seçiciyi kullanabilirsiniz. (Ve bunu px'de sabit olanlar yerine göreceli font boyutlarıyla birleştirmek muhtemelen bunu daha da kolaylaştıracaktır.) – CBroe