Merge pull request iissnan#1879 from julianxhokaxhiu/feature/font-configuration

Improve font configurations for global and headings

Author: ivan-nginx

_config.yml

@@ -161,7 +161,7 @@ sidebar:
 
   # Scroll percent label in b2t button
   scrollpercent: false
-  
+
   # Enable sidebar on narrow view
   onmobile: false
 
@@ -264,32 +264,46 @@ font:
   global:
     # external: true will load this font family from host.
     external: true
+    # family: the font family
     family: Lato
+    # size: the font size. Use `px` as unit
+    size:
 
   # Font settings for Headlines (h1, h2, h3, h4, h5, h6)
   # Fallback to `global` font settings.
   headings:
+    # external: true will load this font family from host.
     external: true
+    # family: the font family
     family:
+    # size: the font size. Use `px` as unit
+    size:
 
   # Font settings for posts
   # Fallback to `global` font settings.
   posts:
+    # external: true will load this font family from host.
     external: true
+    # family: the font family
     family:
 
   # Font settings for Logo
   # Fallback to `global` font settings.
-  # The `size` option use `px` as unit
   logo:
+    # external: true will load this font family from host.
     external: true
+    # family: the font family
     family:
+    # size: the font size. Use `px` as unit
     size:
 
   # Font settings for <code> and code blocks.
   codes:
+    # external: true will load this font family from host.
     external: true
+    # family: the font family
     family:
+    # size: the font size. Use `px` as unit
     size:
 
 
@@ -330,8 +344,8 @@ changyan:
   appid:
   appkey:
 
-    
-# Valine. 
+
+# Valine.
 # You can get your appid and appkey from https://leancloud.cn
 # more info please open https://github.com/xCss/Valine
 valine:

source/css/_common/components/post/post-title.styl

@@ -1,12 +1,7 @@
 .posts-expand .post-title {
-  font-size: 26px;
   text-align: center;
   word-break: break-word;
   font-weight: $posts-expand-title-font-weight
-
-  +mobile() {
-    font-size: 22px;
-  }
 }
 .posts-expand .post-title-link {
   display: inline-block;

source/css/_variables/base.styl

@@ -92,6 +92,7 @@ $font-weight-bolder       = 700
 
 // Font size
 $font-size-base           = 14px
+$font-size-base           = unit(hexo-config('font.global.size'), px) if hexo-config('font.global.size') is a 'unit'
 $font-size-small          = $font-size-base - 2px
 $font-size-smaller        = $font-size-base - 4px
 $font-size-large          = $font-size-base + 2px
@@ -101,6 +102,7 @@ $font-size-larger         = $font-size-base + 4px
 // Headings font size
 $font-size-headings-step    = 2px
 $font-size-headings-base    = 24px
+$font-size-headings-base    = unit(hexo-config('font.headings.size'), px) if hexo-config('font.headings.size') is a 'unit'
 $font-size-headings-small   = $font-size-headings-base - $font-size-headings-step
 $font-size-headings-smaller = $font-size-headings-small - $font-size-headings-step
 $font-size-headings-large   = $font-size-headings-base + $font-size-headings-step