Changing Font Family

[kmanadkat]

How do I change font family from Lora to something else? I tried following but it didnot work:

1. Removed Lora & added other google font : themes/eureka/layouts/partials/head.html

<link rel="preload"
  href="https://fonts.googleapis.com/css2?family=Hind+Guntur:wght@400;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap"
  as="style" onload="this.onload=null;this.rel='stylesheet'">

2. Removed Lora & added other google font : themes/eureka/assets/css/tailwind.config.js

     'serif': ['Hind Guntur', 'Noto Serif SC', 'serif'],

no luck, is there any other way to add/remove font family..?

[wangchucheng]

If you do these steps right, I think you can change font family. But you may need to rebuild the tailwind assets. Maybe this can solve the problem.

[wangchucheng]

Please remind me what does rebuild tailwind assets script refer to? Do you mean how to modify the css style?

[qmdx00]

Yes, I change themes/eureka/assets/css/tailwind.config.js file line 17 tailwind.config.js below

'mono': ['monospace', 'Menlo'],

how could I make it effective ?

[georgebridgeman]

I'm also looking to change the font family and am stuck at the same point. I've got (I think) all the dev requirements in place but can't figure out the command to rebuild the assets.
Any help would be greatly appreciated!

[wangchucheng]

If you need to modify the style, you can refer to the following steps:

1. Comment build.useResourceCacheWhen in config/_default/config.yaml.
2. cd themes/eureka
3. Follow instructions in PostCSS | Hugo to install necessary packages Hugo needs.
4. Run npm install.

Then when you run hugo or hugo server in your project, the assets will be regenerated.

Please note that this will seriously affect the generation speed of the website. It is recommended that after regenerating the assets, uncomment the build.useResourceCacheWhen in config.yaml to use generated cache.

[qmdx00]

Thanks a lot, I solved it. 😄