Use Any Font in Webpages As Text
Jan 23, 2009 Advanced, Javascript, Tricks, fonts
Now using javascript we can use any font in web page by using techniques such as Typeface and Facelift Image Replacement (or FLIR) or sIFR. sIFR needs flash while others do not. sIFR is for smoothness look of fonts.
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS and get original smooth font look whatever you specify, even if the user machine have not those fonts. This technique is limited yet with limited fonts support and also it is recommended to use it for title of headings of web page. All the font at the web page using this technique can heavy things up at server and page might load very slow. Even then it is cool. Type face is easy, flexible and open source.
Tags: essential, facelift, fonts, HTML, Javascript, js, open source, Resources, smoothness, style, text, Tricks, typeface
Modern Font Styles For Websites
Oct 26, 2008 CSS, HTML, Web Guidelines, Web Tips, fonts
I have described about using nice and clean fonts in web page. Now lets see some more details about using fonts in web pages.
As we know Verdana, Arial and Tahoma are being used from the beginning. In Web 2.0 Style, and many open source softwares such as WordPress, now-a-days some other fonts are being used which are neat and clean and stylish too. Best part is, to use these, no installation of fonts is needed. In Windows XP these are present by default. I have selected some examples of look and feel of some chosen fonts over here.
Wrapping Text – Breaking Text with No Spaces into New Line
Sep 8, 2008 CSS, HTML, Web Tips
Text like, a b c d e f and so on written in HTML will do fine in any browser, we all know that.
What about the following!
abcdefghijklmnopqrstuvwxyz….NoWordBreaksAndSentenceGoesOnAndOn…
The text with no spaces.
If there are no breaks in words then the sentence will proceed straight and cause horizontal scroll in web page. In blogs or in any other applications where users can comment or put some data, they can write such spam or anything that can cause your web page layout to break. We have a solution to that. Write text in pre tag and apply following CSS to it.
What is Superscript and Subscript in HTML
Sep 8, 2008 HTML
In HTML we use tags for subscript and superscript like below:
List Style Types Examples and Best Practices
Sep 6, 2008 HTML
Many options are available for list styles as following.
W3C Validation Tips and Best Practices
Markup language validation is very important. Without it your web page will not be indexed in Google. Google crawlers will just avoid the invalid markup and errors in HTML. Here is a complete list of tips you can use to avoid HTML markup errors and warnings so that you write valid HTML or XHTML.
Tags: CSS, HTML, markup, validation, W3C