Custom Fonts?

[boehs]

Title, I specifically want to change the header font. what would I apply the style to in the custom css?

Cheers

[kdkasad]

If you mean the page header (i.e. site title and menu), then:

header.header {
    font-family: "<other font>";
}

If you mean the post title, then:

header.post-header {
    font-family: "<other font>";
}

[boehs]

thank you - but it appers fonts via @font-face do not work?

I do

@font-face {
    font-family: 'dillanregular';
    src: url('fontdir') format('woff2'),
        url('fontdir') format('woff');
    font-weight: normal;
    font-style: normal;

}

in blank.css and reference the font later. I have confirmed the directory is reachable

[marcelarie]

yes I have the same problem

thank you - but it appers fonts via @font-face do not work?

I do

@font-face {
    font-family: 'dillanregular';
    src: url('fontdir') format('woff2'),
        url('fontdir') format('woff');
    font-weight: normal;
    font-style: normal;

}

in blank.css and reference the font later. I have confirmed the directory is reachable

[danielfdickinson]

I think the issue is that blank.css is not the correct place for custom CSS. See https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#bundling-custom-css-with-themes-assets for how to add custom CSS.
Also 'fontdir' will be relative to 'public'.

[marcelarie]

I solved this saving the local fonts in /static/fonts. But from the code the path needs to be from the root, /fonts for example.

[danielfdickinson]

Yes. That is normal Hugo behaviour. /static/fonts in the source tree becomes /fonts in the output directory (usually /public).
It looks like the Hugo Docs could uses some clarification on how the source tree becomes the output tree.

/static/* is copied to /public/*
/content/*.{md,html} is processed using /layouts/** to produce /public/**/index.html (for most pages; json, xml, etc are also possible outputs).
/assets/* are only used if Hugo Pipes are used and can have complex mappings.

In the source CSS (when using plain CSS vs some processed CSS) any URLs will not be modified, so will refer to locations under the output directory (e.g. a URL of /fonts will be public/fonts which if public is copied to a website becomes https://example.com/fonts).

HTH

[marcelarie]

Ok thanks for the clarification :)