How to tell what Font a website is using
How can I figure out what Font a website is using
The other day my fiancée was working on her website and she was looking at other sites for inspiration. She came across a site that she really liked and they were using two different fonts that she thought would look wonderful on her site.
She was messing around with the default fonts that were available to her through WordPress and her style sheet and she told me that she couldn’t find the right ones. I told her there was a trick she could use to figure out what fonts a website was using if she would to like to use them on her website.
The first method I recommended to her, which is the easiest way goes as follows:
Method #1
1. Copy a line of text that uses the font you like from the website you are looking at.
2. Once you have copied the font, use Open Office (or MS Word) or any other program that retains formatting when you paste text into it.
3. Paste the copied text into the word program and highlight it.
4. Go into your text options in the word program, and the font that the program has defaulted to should be the text that is being used on the site you are looking at.
You may want to compare a sample of the text using that font on your site and see if it has the look you desired. If the text matches then you know you have determined the correct font.
There may be some cases where the fonts do not match if the person is using a special font. By default most browsers will display any common fonts but if the website is using a strange font the browser will default to a font that is similar to the one being used.
The other method which requires a little more digging around but can be quicker if you are familiar with HTML. It can be utilized by doing the following:
Method #2
1. “Right Click” on the web page and choose the “View Source” option from the menu.
2. Once you have done this a text editor will open with the HTML from the website being displayed.
3. Click “CTRL+F” to open the “FIND” window in the text program.
4. Type in “FONT” and then click “Search”
5. The text program will now locate every instance of the Font tag in the HTML. This will allow you to determine what types of fonts are being used throughout the page.
Take a general look at all the fonts to get an idea for what font is being used most. Most designers will usually not use more than two types of fonts so it should be easy to figure out which one is being used most.
Although email marketing is just another advertising way used in internet marketing, it is totally dependent on web site hosting.
In some cases the site may rely heavily on a style sheet for setting the font. This is a common practice now a days. Even if this is the case the author or designer will sometimes specify fonts manually for certain areas of the page so the “FIND > Font” method is still a good trick to use.
This can come in handy when people are redesigning their site or trying something new on their blog. It’s really amazing how much fonts can affect the look and feel of a site and choosing the right font can really help you improve the overall appearance of your website.
Thanks for checking out Pseudorant. We appreciate the support.
Comments
3 Responses to “How to tell what Font a website is using”
Leave a Reply
Thank you for this information. Normally, I can think of something smart like this, but I never thought about pasting it into microsoft word. I always just used to do the stylesheet thing. It is not really helpful when you need the font for something else.
Thanks. I just figured since my fiancee was asking about this, that other people might find this simple trick useful.
Unfortunately neither method works if the site is using a separate style sheet to define the font options, sorry.