Monday, October 4, 2010

all about multimedia : How to display fonts in a sample web page











Both developers and site designers fonts often need to know how the font sample to a website. In the case of web design, web designers sometimes like to display fonts that the user can choose from a menu list. If an artist creates and sells fonts, there is often a need to look unique and non-core fonts to a directory where buyers can purchase these fonts.Learning How to display fonts in a sample site
When it comes to the appearance of fonts on a webpage, there are some limitations that make it difficult to use fonts that are not considered "web safe." Web safe means that the screen fonts and many operating systems. Thanks to new technology and creative web programming techniques, there are some options that are available for viewing a sample of some unique fonts on your website. The techniques covered in this article include:

    
* Replace the text with images
    
* Replace the text with the flash
    
* Embedding fonts
Replacing Text Images
One of the simplest methods in non-standard fonts on your website is by converting letters to the images. In some areas, such as a directory for a font artist, a single image that shows an overview of all the letters using the font would be enough. You can create a picture using the tools screenshot or save the photo from your graphic editing software. The site Fontcraft provides an excellent example of using this approach.
Another way to display graphical font is by converting individual letters in the font to print. There are a number of free applications available that will do this for you. One of these is the font from Bitmapper CyberPhaze Productions. The software produces a grid, or matrix, from bitmap to include all characters of your font. The utility also automatically handles the proper distance and alignment between the characters usually have to do manually using a standard graphics editor. Once created the bitmaps, you can create larger graphics, demo images, or even web counters by placing the individual with bitmap characters. Since the final product is loaded and displayed on your site, such as a picture, none of the problems associated with the use of unsafe web fonts apply.Replacing Text with Flash Text
For many years, web developers have tried to get around the problems associated with lack of compatibility between different operating systems and supported fonts. CSS has brought the ability to define fonts or even entire pages and only the elements of a page, but still depends on the condition that the user's browser will support at least one of the specified fonts. Using graphics solutions to solve these compatibility problems, since any browser can display a GIF or JPG file. However, it also creates problems with page loading times, because the use of images can dramatically increase the size of your page.
In 2003, developer Mike Davidson invented a technology called "sIFR," which means "Scalable Inman Flash Replacement», incorporating smart technology Flash and Javascript in an approach that allows web designers to display any font sample page at Internet. The technique takes HTML text and dynamically transforms text into Flash using CSS and javascript code that performs the simple replacement when the page is loaded. Once the page is fully loaded, the text is a website with the font you specify whether or not the user has the font installed on their computer. This technique is a combination of images, using CSS and embedding fonts. The end result is that you can display any font you want more efficiently loading page than the alignment of the image. The only drawback is that the user's browser must be both Flash and JavaScript enabledEmbedding fonts in a web
Another approach is to see a sample of the fonts on your website is to code your site so that the fonts are already installed, or "embedded" with the page. Although this sounds simple enough, is actually quite a complicated technique that only the most professional designers sometimes try. The origin of this technology really began with the release of Bitstream "TrueDoc," which is an open source solution that saves the character sets in specially compressed files called Portable Font Resource (PFR). This approach requires:

    
* Javascript code in the header of the site (according to the font Register)
    
* Call the font in the usual manner and activate the code when the page is loaded, the registered font "played"
One major drawback in the approach Bitstream is that some users may need to install the font Player plug-in, however, many browsers already include.Last words
One thing you learn how to display fonts on a web sample reveals that the font encoding and Internet technology leaves much to be desired. Web designers are still struggling with the disadvantages of each option available, looking for the lesser evil. Some designers give the stick to web safe sources, while other designers to fall backwards to develop an approach that allows them to use any font you want.



No comments:

Post a Comment