Tag Archives: Web designing

Recognize Fonts on Web Pages with Fount

Many times we come across fonts on different websites which we don’t know about but do want to use them on our site or design. To help you recognize fonts used on different web pages, we came across a useful online utility, Fount.

fount-1

Fount is an excellent online tool which helps users recognize fonts used on different websites. Normally, you may find different software for your operating system which can help you recognize fonts, but these days, many people prefer to use online tools rather than installing third party applications on their computers.

Using the service is really easy and straight forward. All you have to do is drag Fount bookmarklet in your browser, go to any web page and click on the Fount bookmarklet. After that, click on the text anywhere on the web page and it will display which font is used along with the font size and weight as show in the screenshot below. After identifying, if you want to disable Fount, click on the bookmarklet again and it will disable Fount.

fount-2

Fount is a user friendly tool which comes in form of a bookmarklet and is compatible with all the browsers. The best thing about Fount is that you don’t have to install any software or go through long registration forms to use the service.

Check out Fount

Test Website in Different Resolutions with Screenfly

One of the major challenge every developer and designer face while designing a website is how it will look in different browsers and resolutions. As people use different devices, browsers and resolutions, its really important for every developer to take this thing into consideration. However, testing websites in different devices like computer, tablets, mobiles etc separately can be time consuming. To solve this problem, we present to you Screenfly.

screenfly

Screenfly is an excellent online tool which helps users and developers test their websites in different resolutions. Just enter the URL of the website you want to test and click Go.

screenfly-1

It will show you how your website looks in different devices. You can select the device from the sidebar menu in which you want to see the look of your website.

screenfly-2

This is not it, you can even test your websites in different resolutions and on different tablets and mobile in few simple clicks. Just click on the device you want to test your website in and it will show you all the compatible resolutions and devices.

screenfly-3

If you are a web developer or blogger, you must check out Screenfly to test your blogs and websites in different gadgets.

Checkout Screenfly