Type='text/css' href='x-small.css' title='A-' /> Type='text/css' href='small.css' title='A' /> Type='text/css' href='medium.css' title='A+' /> Type='text/css' href='large.css' title='A++' />

Stylesheet” menu and Mozilla’s “View > Use style” menu. These names will be displayed in Firebird’s “Switch to alternate Next, we create the HTML document and connect the basic and alternative CSSĭocuments, giving the alternative style sheets names from the smallest, “A-”, through “A-”, “A”, “A+”, and “A++”. The created files are: xx-small.css, x-small.css, small.css, medium.css, large.css. We should also consider and compensate for the size problems in IE5 and Opera (for details and explanation, have a look at Todd Fahrner’s great article, “ CSS The scaling factor between the individual indexes should be 1.2, as suggested by the CSS2 specification. Then we create five alternative style sheets using the absolute sizes that are defined in the CSS specification: xx-small, x-small, small, medium, and large.

* default font url(small.css) /* Netscape 4 safe font sizes */įont-family: Arial, Helvetica, sans-serif The first step is to create a basic CSS file that uses relative font sizes in conjunction with default size. Here’s a simple solution for text resizing that respects users’ choices and also gives them an additional option for resizing. Unfortunately, most existing methods for using resizing buttons ignore the user’s default settings. 3 days of design, code, and content for web & UX designers & devs.

Css inherit font size and make larger