字体大小

移动端设计稿字体最小应该不小于28px,因为部分移动端在实际显示的时候最小为12px大小(移动端实际支持的最小字体大小)!字体范围应该在28px到60px大小之间且为偶数。

使用技巧:

注意:字体大小一定为偶数,最小值为f28,最大值为f60

字体颜色与对齐方式

字体颜色与颜色设置表对应,且常配合字体大小一起使用。如下是带less参数的颜色class表。
//对齐方式
 .t-c{ text-align: center;}
 .t-l{ text-align: left;}
 .t-r{ text-align: right;}
 
 //超出省略
 .nowrap{white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
 
 //颜色表
 .color1{color: @color1;}
 .color2{color: @color2;}
 .color3{color: @color3;}
 .color4{color: @color4;}
 .color5{color: @color5;}
 .color6{color: @color6;}
 .color7{color: @color7;}
 .color8{color: @color8;}
 .color-primary{ color:@color-primary;}
 .color-success{ color: @color-success;}
 .color-info{ color: @color-info;}
 .color-warning{ color: @color-warning;}
 .color-danger{ color: @color-danger;}