Body font is 12px when using the scheme Mist on mobile phone [solved] #245

zhaoyibo · 2018-04-19T12:38:42Z

I agree and want to create new issue

Yes, I was on Hexo Docs page, especially on Templates, Variables, Helpers and Troubleshooting.
Yes, I was on NexT Documentation Site.
And yes, I already searched for current issues and this is not help to me.

Expected behavior

Keep the same font size

Actual behavior

The text is 12px font, but the code is 14px font

Steps to reproduce the behavior

use scheme Mist
use mobile phone to browse

Link to demo site with this issue: N/A
Link(s) to source code or any usefull link(s): N/A

Node.js and NPM Information

Package dependencies Information

Hexo Information

Hexo version

Hexo Configuration

NexT Information

NexT Version:

Latest Master branch
Latest Release version
Old version

NexT Scheme:

NexT Configuration:

Other Information

This problem only applies to scheme Mist, and there are no problems with the other schemes.

The text was updated successfully, but these errors were encountered:

maple3142 · 2018-04-19T12:44:15Z

Set font option in _config.yml manually?

font:
  enable: false

  # Uri of fonts host. E.g. //fonts.googleapis.com (Default).
  host:

  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: xx`. Use `px` as unit.

  # Global font settings used for all elements in <body>.
  global:
    external: true
    family: Lato
    size:

  # Font settings for Headlines (H1, H2, H3, H4, H5, H6).
  # Fallback to `global` font settings.
  headings:
    external: true
    family:
    size:

  # Font settings for posts.
  # Fallback to `global` font settings.
  posts:
    external: true
    family:

  # Font settings for Logo.
  # Fallback to `global` font settings.
  logo:
    external: true
    family:
    size:

  # Font settings for <code> and code blocks.
  codes:
    external: true
    family:
    size:

zhaoyibo · 2018-04-19T12:49:04Z

I just switched it from off to on and changed fonts CDN. This is my configuration.

font:
  enable: true

  # Uri of fonts host. E.g. //fonts.googleapis.com (Default).
  host: //fonts.loli.net

  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: xx`. Use `px` as unit.

  # Global font settings used for all elements in <body>.
  global:
    external: true
    family: Lato
    size:

  # Font settings for Headlines (H1, H2, H3, H4, H5, H6).
  # Fallback to `global` font settings.
  headings:
    external: true
    family:
    size:

  # Font settings for posts.
  # Fallback to `global` font settings.
  posts:
    external: true
    family:

  # Font settings for Logo.
  # Fallback to `global` font settings.
  logo:
    external: true
    family: 
    size:

  # Font settings for <code> and code blocks.
  codes:
    external: true
    family:
    size:

maple3142 · 2018-04-19T12:49:56Z

You can set size for each type of text.

zhaoyibo · 2018-04-19T12:58:18Z

It does not work for me. I set the global font size to 14px, but it still show 12px.

ivan-nginx · 2018-04-19T18:52:54Z

I set the global font size to 14px, but it still show 12px.

So? Where is u configuration? In config abouve font sizes are not setted.

reuixiy · 2018-04-19T23:22:55Z

Add the following code to ~/blog/themes/next/source/css/_custom/custom.styl :

@media (max-width: 767px) {
    .posts-expand .post-body {
        font-size: 14px;
    }
}

zhaoyibo · 2018-04-20T01:09:16Z

@ivan-nginx Thanks for the reply.
The configuration above was not actually setted, but I tried to set it up, like below, with no effect.

font:
  enable: true

  # Uri of fonts host. E.g. //fonts.googleapis.com (Default).
  host: //fonts.loli.net

  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: xx`. Use `px` as unit.

  # Global font settings used for all elements in <body>.
  global:
    external: true
    family: Lato
    size: 14px

  # Font settings for Headlines (H1, H2, H3, H4, H5, H6).
  # Fallback to `global` font settings.
  headings:
    external: true
    family:
    size:

  # Font settings for posts.
  # Fallback to `global` font settings.
  posts:
    external: true
    family:

  # Font settings for Logo.
  # Fallback to `global` font settings.
  logo:
    external: true
    family: 
    size:

  # Font settings for <code> and code blocks.
  codes:
    external: true
    family:
    size:

This problem will only appear in scheme Mist. Other schemes do not have this problem.

maple3142 · 2018-04-20T01:12:03Z

You can set font.codes.size to 14px

  # Font settings for <code> and code blocks.
  codes:
    external: true
    family:
    size: 14px

zhaoyibo · 2018-04-20T01:17:24Z

The font size of the code is already 14px.
Anyway, I tried it, the body font is still 12px, the font of the code is 14px.

  global:
    external: true
    family: Lato
    size: 14px
  codes:
    external: true
    family:
    size: 14px

zhaoyibo · 2018-04-20T01:22:50Z

@reuixiy Thanks. It works fine and I'm going to use this as a temporary solution if I use Mist scheme again.

ivan-nginx · 2018-04-26T11:50:17Z

Fixed in #262.

xerlang mentioned this issue Apr 24, 2018

Font of the Mist scheme is smaller than other schemes on mobile phone [solved] #38

Closed

zhaoyibo mentioned this issue Apr 26, 2018

Fix text font of the Mist scheme is smaller than other schemes on mobile phone #262

Merged

13 tasks

ivan-nginx closed this as completed Apr 26, 2018

ivan-nginx added the Solved label Apr 26, 2018

ivan-nginx changed the title ~~Body font is 12px when using the scheme Mist on mobile phone~~ Body font is 12px when using the scheme Mist on mobile phone [fix added] Apr 26, 2018

JOduMonT mentioned this issue Feb 26, 2019

Unable to change font-size-base and/or font.global.size #629

Closed

ivan-nginx changed the title ~~Body font is 12px when using the scheme Mist on mobile phone [fix added]~~ Body font is 12px when using the scheme Mist on mobile phone [solved] Mar 4, 2019

ivan-nginx added the Bug label Mar 4, 2019

1v9 added the 🌀 Fonts label Aug 13, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Body font is 12px when using the scheme Mist on mobile phone [solved] #245

Body font is 12px when using the scheme Mist on mobile phone [solved] #245

zhaoyibo commented Apr 19, 2018 •

edited by ivan-nginx

Loading

maple3142 commented Apr 19, 2018

zhaoyibo commented Apr 19, 2018 •

edited

Loading

maple3142 commented Apr 19, 2018

zhaoyibo commented Apr 19, 2018

ivan-nginx commented Apr 19, 2018

reuixiy commented Apr 19, 2018 •

edited

Loading

zhaoyibo commented Apr 20, 2018

maple3142 commented Apr 20, 2018 •

edited by ivan-nginx

Loading

zhaoyibo commented Apr 20, 2018 •

edited

Loading

zhaoyibo commented Apr 20, 2018

ivan-nginx commented Apr 26, 2018 •

edited

Loading

Body font is 12px when using the scheme Mist on mobile phone [solved] #245

Body font is 12px when using the scheme Mist on mobile phone [solved] #245

Comments

zhaoyibo commented Apr 19, 2018 • edited by ivan-nginx Loading

I agree and want to create new issue

Expected behavior

Actual behavior

Steps to reproduce the behavior

Node.js and NPM Information

Package dependencies Information

Hexo Information

Hexo version

Hexo Configuration

NexT Information

NexT Configuration:

Other Information

maple3142 commented Apr 19, 2018

zhaoyibo commented Apr 19, 2018 • edited Loading

maple3142 commented Apr 19, 2018

zhaoyibo commented Apr 19, 2018

ivan-nginx commented Apr 19, 2018

reuixiy commented Apr 19, 2018 • edited Loading

zhaoyibo commented Apr 20, 2018

maple3142 commented Apr 20, 2018 • edited by ivan-nginx Loading

zhaoyibo commented Apr 20, 2018 • edited Loading

zhaoyibo commented Apr 20, 2018

ivan-nginx commented Apr 26, 2018 • edited Loading

zhaoyibo commented Apr 19, 2018 •

edited by ivan-nginx

Loading

zhaoyibo commented Apr 19, 2018 •

edited

Loading

reuixiy commented Apr 19, 2018 •

edited

Loading

maple3142 commented Apr 20, 2018 •

edited by ivan-nginx

Loading

zhaoyibo commented Apr 20, 2018 •

edited

Loading

ivan-nginx commented Apr 26, 2018 •

edited

Loading