vuepress / vuepress-theme-blog

Default blog theme for VuePress.
https://vuepress-theme-blog.billyyyyy3320.com/
MIT License
211 stars 129 forks source link

Allow to customize font family #79

Open bongnv opened 4 years ago

bongnv commented 4 years ago

Feature request

What problem does this feature solve?

Currently, font-family in some places is hard-coded to PT Serif, Serif. Therefore, if you want to use a different font for your own need, it's not possible unless:

I believe both of the approaches are not elegant.

What does the proposed API look like?

Allow to override $font-family-serif in index.styl or palette.styl like:

$font-family-serif = 'Noto Serif', Serif

How should this be implemented in your opinion?

Some hard-coded place like:

.vuepress-blog-theme-content
  font-family PT Serif, Serif

will be changed to

.vuepress-blog-theme-content
  font-family $font-family-serif

Are you willing to work on this yourself?

Yes

billyyyyy3320 commented 4 years ago

Yes, there're still some styles should be able to override in both default theme and blog theme.

I think the variable name can be $fontFamily. Contribution Welcome!

Kocal commented 4 years ago

I am probably missing something, but how can we override font.style and prevent font files import?

I'm also looking for this new feature :D

bongnv commented 4 years ago

Raised the PR #80.