我从未找到一种方法可以在没有分别为iOS和Android文件定义每个字重的font-family
的情况下完成这个任务。
由于Android需要精确的字体文件名称,我无法像在iOS上那样为所有标签使用默认字体并相应地变化字重。
app.css:
@import "~/platform.css";
@import "~/app-common.css";
platform.ios.css:
Label {
font-family: "My Body Font";
}
.heading-1, .heading-2, .heading-2-subtext {
font-family: "My Display Font";
}
platform.android.css:
.heading-1, .heading-2 {
font-family: "MyDisplayFont-Bold";
}
.heading-2-subtext {
font-family: "MyDisplayFont-Regular";
}
.heading-3 {
font-family: "MyBodyFont-SemiBold";
}
.body-text {
font-family: "MyBodyFont-Regular";
}
app-common.css:
.heading-1 {
font-size: 36;
font-weight: bold;
}
.heading-2 {
font-size: 24;
font-weight: bold;
}
.heading-3 {
font-size: 16;
font-weight: 600;
}
.body-text {
font-size: 14;
}
据我理解,我可以将所有
font-weight
样式移入platform-ios.css,因为Android的字体重量由
font-family
声明控制。
然而,既然我已经在app-common.css中为每个类定义了
font-size
,在这里也定义
font-weight
对我来说更有意义。