Skip to main content

How to Easily Identify Fonts Used on a Particular Website

Web is full of surprises from innovative idea's to innovative designs, many website are just taking their whole to the responsive style for optimum usability. So now website are even coming up with more and more web fonts for giving pretty nice design to their website.
Well now you might even like some fonts applied on a website so how you are going to see which font is that website using, well the one is obviously to inspect the whole site and check out its internal codes, but the other easy way is too use the What the Font JavaScript bookmark-let that can easily disclose which is font is being used on that website.



So this little JavaScript hack shows you which font is used on that website or on that particular area where you hover, you get the exact size, color, line height and even an easy way to tweet the whole details to your friends.

JavaScript this bookmark-let is using is given below, but you just need to drag the bookmark-let provided below to your bookmarks bar for easier execution.

javascript:(function(){var%20d=document,s=d.createElement('scr'+'ipt'),b=d.body,l=d.location;s.setAttribute('src','http://chengyinliu.com/wf.js?o='+encodeURIComponent(l.href)+'&t='+(new%20Date().getTime()));b.appendChild(s)})();

Drag this Bookmark-let to your bookmarks bar and click on it to activate this font identifying script. Now you can hover on any text and it will show you the font, now you can click and see much more brief details about that font.
So that's it guys an easy way to detect fonts on any website, so if you like this post do share it with your friends.
Labels:

Comments

Post a Comment

Popular posts from this blog

9 Free & Open Source Forum Software Solutions

Forums can be a great way to encourage audience participation, and to change a website from a one dimensional entity into a full fledged community. There are a number of well developed open source forums out there on the web to help you create that, each with their own benefits. This review breaks down some of the best software out there in 2011 with a focus on everything from lightweight forum solutions to the all singing, all dancing heavyweights. Vanilla URL: http://vanillaforums.org/ Features URL: http://vanillaforums.org/features/embed-vanilla License: GPL Runs on: PHP / MySQL / Postgres Vanilla has always prided itself on clean underlying code, bringing together web standards, code reuse and css to create a product that kicks lumps out of 1990′s bulletin software that we’ve become accustomed to on the web. With many of the forum software solutions out there on the web carrying a technical burden of tables and bloatware, Vanilla brings with it a fresh approac...
Post a Comment
Read me »

5 Most Popular Online Logo Maker and Logo Generator Tools

Do you have a business, blog or anything online or offline than you might have always thought to create an attractive logo for your company so that people can have a nice recognizing power when it comes dealing with you. Well if we talk about the offline purpose there are many logo creator tools which comes in huge sizes though they offer a huge set of tools but still they need some knowledge to be operated so for that purpose we have online tools or website offering logo creation and manipulation services. Below are the 5 online popular and best logo creating website which any one can use and give a shining branding to his or her business. These sites contains some preloaded logos which you can use for free and give a title to them to complete the whole set. You can add colors gradients and much more so jump into the websites and start exploring. #1. LogoGarden.com LogoGarden allows you to create free logo + website with its massive preloaded logos database, you can manipulate...
Post a Comment
Read me »

How to Set up a Virtual Office: Best Tools You Need

F For those who work from home, own a small or middle size company and want to maximize profits by cutting down unnecessary payments, resorting to a wide range of basic tools will help you  create the perfect virtual office .  Whether you have just started a business or you already own one, monthly office bills can become very expensive. Every office has to pay for the rented place, chairs, desks, cabinets and even for a water cooler, things which are not cheap. All of these costs represent a big hole in your pocket, so we suggest that it’s time to think about creating a virtual office for you and your clients. In this way, costs will be kept at a minimum and the advantage from working smarter will certainly be seen. How to Set Up a Virtual Office Not long ago, the idea of a virtual office came out. A virtual office is the result of the combination of technological innovation and the actual period of time called the computer age. This type of office implies  comm...
Post a Comment
Read me »