Jump to content

Archived

This topic is now archived and is closed to further replies.

Leonardo da Vinci

Add new fonts to DMS

Recommended Posts

Leonardo da Vinci

Thanks keithmagvacom

 

It is working but only for h 1,2,3,4,5,6 fonts , other fonts which have ( px ) value still not changed.

Do you have any idea to change these fonts ?

 

please may you help me 

 

Thanks

Share this post


Link to post
Share on other sites
Danny

What CSS have you added ? If it is only working for specific tags, then that means you have only targeted those tags. You need to use CSS and target all tags for the font to work on everything.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Leonardo da Vinci
@font-face {
    font-family: 'Amiri';
    src: url('@{plChildRoot}/fonts/Amiri-Bold.ttf');
  src: url('@{plChildRoot}/fonts/Amiri-BoldSlanted.ttf');
  src: url('@{plChildRoot}/fonts/Amiri-Regular.ttf');
  src: url('@{plChildRoot}/fonts/Amiri-Slanted.ttf');
   
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Amiri', Arial, sans-serif;
}


Share this post


Link to post
Share on other sites
Danny

Your font is working for all header tags as that is what you have targeted above in your code when you used this:

 

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Amiri', Arial, sans-serif;
}
 
If you want it to make your font work for other tags and elements, you're going to need to create more custom CSS rules and target those tags/elements. For example:
 
p {

font-family: 'Amiri', Arial, sans-serif;
}

 

However, the best course of action would be to include them all in one rule, for example:

 

h1, h2, h3, h4, h5, h6, p, a {

font-family: 'Amiri', Arial, sans-serif;
}

 

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Leonardo da Vinci

Thanks Danny,

 

I added the last code, It's working now.

 

Thanks

Share this post


Link to post
Share on other sites
Leonardo da Vinci

Just another question

How to change all fonts h1,2,3,4,5,6,P,a, and all fonts with px value ? 

I need to change for example the widgets titles, links, ... 

 

Share this post


Link to post
Share on other sites
Danny

To change things like widget titles, you will need to use custom CSS. I recommend you inspect the widget and see the class that is applied to the widget title, then use that class in your custom code.

Off the top of my head, I think this should work:

 

#site .widgettitle {
font-size: 16px;
text-transform: capitalize;
color: green;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Leonardo da Vinci

Thanks Danny,

 

It's working now.

 

Thanks

 

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×