I have faced the problem I can't solve by myself, so I ask for the community help. I try to use our corporate fonts on my Mkdocs Material site. My steps:
I've uploaded them (the .woff2 files) into the docs/assets/externals/fonts folder I edited the CSS respectively, but I don't see any needed changes. You can see the result here: http://shahid.ru/design/ (sorry for Russian page) Here are my config files:
@font-face {
font-family: 'TT Norms Pro';
src: url('../externals/fonts/ttNorms/TT_Norms_Pro_Normal.woff2') format(woff2);
font-weight: normal;
font-style: normal;
}
:root {
--md-text-font: 'TT_Norms_Pro';
--md-code-font: 'TT_Norms_Pro';
p {
color: black;
font-size: 0.875em;
font-family: TT_Norms_Pro;
font-weight: normal;
}
mkdocs.yml:
theme:
name: material
language: ru
logo: assets/koshelek.png
features:
- navigation.sections # https://squidfunk.github.io/mkdocs-material/setup/setting-up-navigation/#navigation-sections
- navigation.indexes
extra_css:
- assets/stylesheets/extra.css```
I raised this question in Mkdocs Material repo and got an [answer][https://github.com/squidfunk/mkdocs-material/discussions/4497]:
> This is a generic question that should be asked on StackOverflow, as
> it is not exclusive to Material for MkDocs.
Please help me with finding the problem cause. Feel free to ask if any additional information needed.
Thanks in advance.
[1]: https://github.com/squidfunk/mkdocs-material/discussions/4497