Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

How can I change the font style in Angular Metronic?


Hello there, dear devs! I hope this message finds you in good health and high spirits. I have a question about Angular Metronic that I was hoping you could help me with. I have been working with Angular Metronic and I was wondering if it is possible to change the font style in the application. Specifically, I would like to know how I can change the font style to match my project's design requirements. If it is possible to change the font style in Angular Metronic, could you please guide me on how to do so? I would be grateful for any help or advice you can provide me with. Thank you very much in advance, and I look forward to hearing from you soon. Best regards,


user
savio jose 1 year ago
Bootstrap Metronic Angular
2 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Faizal Author1 year ago

Hi Savio,

Sorry for the delay. The default font that we use is Inter from google font. You can change the values here. Get a new google font link and replace it in this file: demo1/src/index.html


<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700">


Then change the font family variable in the style file.

$font-family-sans-serif: Inter, Helvetica, "sans-serif" !default;


Thanks


user
Hank Fried 3 months ago

RelevantVapes.com or a product line named HQD Vapes as of my last update in January 2023. If RelevantVapes.com is a platform for vape products and HQD Vapes is a particular product line, it might include a range of vape devices, e-liquids, or accessories tailored for vaping enthusiasts. However, without real-time access to current information, It's always a good idea to check their website for the most current products and details.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(