B2 Pro主题字体文字小优化

今天分享一下B2主题文字优化,主要优化字体的粗细和全局的字体家族。

下面是教程:

所有的修改都是在子主题上面修改!

1、去掉全局中DIN英文字体,修改字体的抗锯齿属性

英文数字字体和中文字体在一起看起来有点别扭(同时如果是全英文文章的话,DIN英文字体阅读性其实并不好。),所以我修改了一下全局字体,同时也修改了字体的抗锯齿,让字体恢复了正常的粗细。

body{
    font-family: font-regular,'Helvetica Neue',sans-serif;  /*去除全局DIN英文字体*/
    -webkit-font-smoothing: subpixel-antialiased;   /*修改字体抗锯齿,字体恢复正常粗细。如果还是喜欢原来的粗细,可以吧把这行删除~*/
}

2、修改局部统计模块的数字字体为DIN英文字体。

/*局部统计模块添加DIN英文字体*/
.post-list-meta-like, .post-list-meta-comment, .post-list-meta-views, .top-user-box-drop .top-user-info-box-count p b, .top-user-info-box .user-w-gold a, .credit-top-info-right span, .user-mission-info-right span, .user-mission-info-right, .w-a-count div span, .lv-icon.user-lv i, .user-w-tj div span, .bar-user-info-row .user-w-rw span, .user-money b, .user-credit b, .user-money-and-credit > div span, .user-sidebar-count li p, .widget-new-header .ps1, .shop-normal-item-price span, .shop-normal-tips, .b2-widget-post-order span, .custom-page-row.gold-row > div:first-child, .mission-page-user-right, .task-finish, .task-day-list li .task-box-r span b, .shop-single-price, .shop-single-data b, .content-footer-zan-cai span b, .circle-admin-info > div b, .vote-pk-left p, .vote-pk-right p, .topic-vote-radio-picked > div:first-child > span:last-child{
    font-family: 'DIN-Medium';
}

以上是我整理所有的统计数字字体样式修改,可能出现未修改到的地方。大家可以根据自己的网站样式,自行修改~

至此教程结束,感谢阅读。如果对本教程有疑问或建议请在下面留言~

给TA买糖
共{{data.count}}人
人已赞赏
B2主题

B2 Pro 主题图标优化

2021-5-24 17:55:20

瀑布图

靠着这份作品集+求职指南,你终于能和HR谈薪水了

2021-5-8 13:19:03

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索