vuepress-theme-blog icon indicating copy to clipboard operation
vuepress-theme-blog copied to clipboard

Allow to customize font family

Open bongnv opened this issue 4 years ago • 3 comments

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:

  • Override the view
  • Override @font-face

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

bongnv avatar Apr 22 '20 04:04 bongnv

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!

billyyyyy3320 avatar Apr 22 '20 17:04 billyyyyy3320

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

Kocal avatar Apr 22 '20 18:04 Kocal

Raised the PR #80.

bongnv avatar Apr 23 '20 02:04 bongnv