Sliding Font Viewer: Free Online Tool
Few Web designing tasks do not involve manipulating fonts or typography of a Web page in one way or the other. Fonts are important. Primarily expectations for Web fonts is to have them readable by majority of Web users and then make them fit the overall Web page or site's design. This task can be trivial even though the coding and CSS styling part for fonts is relatively simple and straightforward.
We decided to create a simple tool for viewing font families and font sizes within a Web page. This is a sliding tool where the upper slider is for the heading and the lower for text. Measured in pixels both parts use the same font family, but that might change in the near future. It is possible to choose different font families with the drop-down menu. The font families list is based on common fonts list.
In the event you might find this humble sliding tool useful, you can pick up the CSS style code from the textboxes below the view and place it within a style sheet or as an inline style for text elements.
The sliding font viewer uses jQuery slider which is part of the UI library for jQuery.
Enjoy!
