7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

What fonts can I use that are supported by all the browsers?

by ncloud
7 replies
  • WEB DESIGN
    • |
I am wondering about fonts. I would like to use something a little more interesting on my thank you page and download page, but I'm not sure which fonts I can choose between.

How do you know which fonts other people's viewers/browsers will support? And what happens if I use one that their browser won't support - what font will they see instead?

I was trying to figure out what font Wordpress uses by default if you don't change it, but it doesn't say. So I looked at the page source of one of my posts and it says that it uses "Droid Sans" font family, and PT Sans. Yet oddly, those are not even in the list of fonts you can choose from. So if you change it and want to change it back to the default it becomes a problem.
#browsers #fonts #supported
  • Profile picture of the author Sahana Chawla
    You can use Arial font.
    {{ DiscussionBoard.errors[10428783].message }}
  • Profile picture of the author FarNext
    Originally Posted by ncloud View Post

    I am wondering about fonts. I would like to use something a little more interesting on my thank you page and download page, but I'm not sure which fonts I can choose between.

    How do you know which fonts other people's viewers/browsers will support? And what happens if I use one that their browser won't support - what font will they see instead?

    I was trying to figure out what font Wordpress uses by default if you don't change it, but it doesn't say. So I looked at the page source of one of my posts and it says that it uses "Droid Sans" font family, and PT Sans. Yet oddly, those are not even in the list of fonts you can choose from. So if you change it and want to change it back to the default it becomes a problem.
    _______________________________________

    Use Google fonts by referencing.
    Every time the fonts will be loaded from Google fonts website.



    .
    {{ DiscussionBoard.errors[10428802].message }}
  • Profile picture of the author ncloud
    You can use Arial font.
    That's what I usually use on my posts. I was just hoping there was something a little more interesting that I could use on download pages and squeeze pages, that is supported by all the browsers. Arial looks kind of boring.

    Use Google fonts by referencing.
    Every time the fonts will be loaded from Google fonts website.
    I guess you're talking about this: https://developers.google.com/fonts/..._started?hl=en
    It looks kind of confusing to me to set up. And I can imagine it slowing down the pages load speed.
    {{ DiscussionBoard.errors[10429662].message }}
  • Profile picture of the author MaryWink
    As mentioned above, Google fonts allows you to use a wide range of fonts and the end user does not need to have them on their computer for them to work.

    In the old way of doing web design, if you used a font that the person viewing the page did not have, the browser would default to a font they did have installed.

    With Google Fonts, this is not longer an issue. You can add the Font (Typeface) to your css file and then use it anyplace you want to. This is cool as you can have different fonts for different things. Of course, you do not want to go crazy with this.

    Many Wordpress Themes have Google Font support built right into them now, so you have a dropdown box you can select from and use that font while building your pages and posts.

    Well worth having a look at.

    Mary
    {{ DiscussionBoard.errors[10429923].message }}
  • Profile picture of the author ayazahmed
    With fonts like Arial or Times New Roman, your website may look very basic.

    Google fonts can give you a variety of fonts for Free, it wouldn't slow your website.

    You need to add a line in header section to load font and then use it with any ID or Class like:

    #myID, .myClass {
    font-family: 'Google font name here';
    }

    Cheers
    Signature
    Website Developer, Custom WordPress Theme Designer, PSD to HTML/WP, SEO Expert
    My WSO: WordPress Expert Developer and Webmaster
    {{ DiscussionBoard.errors[10430134].message }}
  • Profile picture of the author getfreetheme
    Use Google fonts instead. A lot, including me, are using it. The speed of the website won't be affected that much though.
    {{ DiscussionBoard.errors[10430258].message }}
  • Profile picture of the author naturalreo
    Use Google fonts
    {{ DiscussionBoard.errors[10431601].message }}

Trending Topics