6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

How to change fonts in CSS?

by Keep Trying
5 replies
  • WEB DESIGN
    • |
Hi, I'm trying to change fonts from Verdana to Calibri or Arial to see what the text would look like. Here's my website:

How To Focus Better

I've tried everything I can to change it... but nothing's budging. Can you help me?
#change #css #fonts
  • Profile picture of the author ProAffiliate01
    I thought it was in the 'Font Family' portion of your CSS code, if I remember right. I'd like someone who is more advanced at coding than me to verify this.
    {{ DiscussionBoard.errors[6080971].message }}
  • Profile picture of the author against
    Try putting this somewhere in your .css files:

    p {
    font-family: Arial !important;
    }
    This should override the other font definitions.
    {{ DiscussionBoard.errors[6081060].message }}
    • Profile picture of the author xythis
      I know it's just one line and doesn't really make a difference in this case, but try not to bloat your CSS with a bunch of overwrites when you can just change the line necessary.

      In themes/minisitewp/style.css, remove lines 31-33:

      Code:
      p {
font-family: Verdana !important;
}
      In themes/minisitewp/styles/stylesheet.css, lines 32-37:

      Code:
      p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	margin-top:20px;
}
      Change line 33's font stack to whatever order you want.
      {{ DiscussionBoard.errors[6081718].message }}
  • Profile picture of the author Keep Trying
    Thanks guys. I found out how to make it work.
    {{ DiscussionBoard.errors[6082144].message }}
    • Profile picture of the author izoweb
      Originally Posted by Keep Trying View Post

      Thanks guys. I found out how to make it work.
      you can try google fonts, really easy and fast !!!
      {{ DiscussionBoard.errors[7238054].message }}

Trending Topics