Prevent requests to https://fonts.googleapis.com

[robingenz]

I am not allowed to make requests to https://fonts.googleapis.com for privacy reasons (GDPR). Instead I use another font, which I host on my own server:

:root {
  --tui-font-heading: "Inter var";
  --tui-font-text: "Inter var";
}

How can I prevent the request to https://fonts.googleapis.com?

https://github.com/Tinkoff/taiga-ui/blob/173213fa013c73ea38e2afbc16c5ba3f3996bae3/projects/core/styles/theme/fonts.css#L1

[pwespi]

I had the same issue and solved it by using

"styles": [
  "node_modules/@taiga-ui/core/styles/taiga-ui-global.less",
  "node_modules/@taiga-ui/core/styles/theme/dialog.less",
  "node_modules/@taiga-ui/core/styles/theme/variables.less",
  "node_modules/@taiga-ui/core/styles/theme/wrapper.less",
  "src/styles.css"
]

instead of

"styles": [
  "node_modules/@taiga-ui/core/styles/taiga-ui-global.less",
  "node_modules/@taiga-ui/core/styles/taiga-ui-theme.less",
  "src/styles.css"
]

in angular.json.

[waterplea]

Just in case, taiga-ui-theme.less consists of the following:

@import 'theme/fonts.css';
@import 'theme/dialog.less';
@import 'theme/variables.less';
@import 'theme/wrapper.less';