v7.4.0 font issue

[kneep]

I agree and want to create new issue

• I have confirmed that this bug only appears in theme NexT, but cannot be reproduced in other themes (e.g. default theme landscape). In other words, prove that this is a NexT bug, not a bug from Hexo.
• I have already viewed Hexo Docs page, especially Templates, Variables, Helpers and Troubleshooting.
• I have already viewed NexT Documentation Site.
• I have searched for current issues which does not help me.

---

Expected behavior

Actual behavior

The font size of posts built with v7.4.0 is much larger than before.

Steps to reproduce the behavior

1. Build a site with v7.4.0
2. N/A
3. N/A

• Link to demo site with this bug: 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

3.9.0

Hexo Configuration

NexT Information

NexT Version:

• Latest Master branch
• Latest Release version
• Old version

NexT Scheme:

• All schemes
• Muse
• Mist
• Pisces
• Gemini

NexT Configuration:

Other Information

v7.3.0 is OK.
I noticed the font size of https://theme-next.org/ is also very large. Maybe it looks OK for English but not for Chinese.

[welcome]

Thanks for opening this issue, maintainers will get back to you as soon as possible!

[issue-label-bot]

Issue-Label Bot is automatically applying the label Bug to this issue, with a confidence of 0.85. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[kneep]

Another thing I noticed was that from v7.2.0 to v7.3.0, font size of post title was increased but not the that of the body. I'm not sure whether these size changes were inadvertent. Anyway I think the font size from earlier version to v7.2.0 worked much better for me.

BTW, I tried the override the font size of body in _config.yml but seemed not work.

# Font settings for posts (.post-body).
  posts:
    external: true
    family:
    size: 0.9

The 'size' line was not in the template. I'm not sure if this works.

[stevenjoezhang]

I'm not sure whether these size changes were inadvertent.

#1005, #1006, #1086

[kneep]

@stevenjoezhang Hi Steven. I mean the font size of a post-body is relatively large compared to other parts. How can I adjust the post-body font size independently in _config.yml?

[stevenjoezhang]

Use custom stylesheet:

.post-body { font-size: /*  */; }

[kneep]

@stevenjoezhang

Hi Steven.

I did some test for this. Seems it is caused by the following code:

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

+desktop-large() {
  font-size: $font-size-large;
}

If I changed font-size-large to font-size-medium, everything was OK.

So I took a look at the definition:

source/css/_mixins/base.styl

desktop-large() {
  @media (min-width: 1200px) {
    {block};
  }
}

So the problem here is: my screen was 1366*768, how did I get into the 1200px config?

[stevenjoezhang]

Don't worry, we're dealing with it: #1190

[stevenjoezhang]

Font size has been adjusted in v7.4.1

[kneep]

I just tested v7.4.3 and don't think it fixed my problem.

I think the problem is:
source/css/_common/components/post/post.styl

+desktop-large() {
    font-size: $font-size-large;
  }

where the font-size-large is too large for a laptop(either normal or high resolution screen).
I have to change it to font-size-medium to make it look better.

[lingjiameng]

I found this error too for zh-CN

but in my local host server, it's

How this can happen?

[LemniscateX]

I just tested v7.4.3 and don't think it fixed my problem.

I think the problem is:
source/css/_common/components/post/post.styl

+desktop-large() {
    font-size: $font-size-large;
  }

where the font-size-large is too large for a laptop(either normal or high resolution screen).
I have to change it to font-size-medium to make it look better.

I feel the same.🙌🏻
My solution is to change the $font-size-large value from 1.125em to 1em, just to prevent manually change EVERY content from $font-size-large to $font-size-medium, which is less easier.