For a start i would like to change only header font and blog description. i already have ttf, woff, woff2 files. And suspect that code should be smth like this: @font-face { font-family: 'amiga_topaz_unicode_rusRg'; src: url('\static\fonts\amiga-webfont.woff2') format('woff2'), url('…

[image] spacedrone808: '\static\fonts\amiga-webfont.woff2 Have you tried forward slash (‘/’)? I suspect that in the CSS you need that, not backslash, even on Windows. (But I am making a guess here, others might know better).

[image] spacedrone808: assest\css\style.css Would have a similar issue as @divinerites pointed out, except you’d need to remove assets and assets is only used with resources (see Hugo Pipes Introduction | Hugo (gohugo.io) ) The Hugo documentation about paths might also help.

Put your CSS in the static/css directory. Put your fonts in the static/fonts directory. Refer to the font as …/fonts/fontname.woff.

Thank you to all of you, i will try it in a while and report back. Too much load on work these days.

This has an elegant solution for self hosted fonts: GitHub - theNewDynamic/hugo-module-tnd-styles

How to add custom fonts and not depend on google

support

divinerites August 14, 2021, 11:07pm 3

I guess (not tested) you have to remove the static part in your code.
Hugo makes your fonts available in /font folder.

Topic		Replies	Views
Importing fonts into hugo support	1	1196	October 11, 2022
How to load custom fonts from assets support	7	946	December 3, 2024
Font selection in theme Using Themes	16	24337	December 6, 2022
Where do self-hosted fonts in themes go? Using Themes	8	2891	November 10, 2021
Once more: Problems with locally hosted Google fonts support	27	2441	November 11, 2022

How to add custom fonts and not depend on google

Related topics