Combining Traditional and Numerical Style Linking

This demo combines traditional and numeric style linking. The main advantage of this method is you can use familiar css and have up to 18 fonts in one family... weight 100 thru 900 with italics.

Pros:

• The same as numeric style linking.

Cons:

• The same as numeric style linking.

Browser Support:

• The same as numeric style linking.

array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '100', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '100', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 100', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight100', 'font_class' => 'normal', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '100', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '100', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 100 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight100', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '300', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '300', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 300', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight300', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '300', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '300', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 300 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight300', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '400', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => 'normal', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 500', 'flags' => array( 'regular' => 'yes', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight500', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '400', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => 'normal', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 500 Italic', 'flags' => array( 'regular' => 'yes', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight500', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '700', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => 'bold', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 700', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'weight700', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '700', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => 'bold', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 700 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'weight700', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '900', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '900', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 900', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'weight900', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '900', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '900', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 900 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'weight900', 'font_class' => 'italic', ); ?> array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '100', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '100', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 100', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight100', 'font_class' => 'normal', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '100', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '100', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 100 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight100', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '300', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '300', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 300', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight300', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '300', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '300', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 300 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight300', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '400', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 500', 'flags' => array( 'regular' => 'yes', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'weight500', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '400', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 500 Italic', 'flags' => array( 'regular' => 'yes', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'weight500', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '700', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 700', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'weight700', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '700', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 700 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'weight700', 'font_class' => 'italic', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '900', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '900', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 900', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'weight900', ); $table_content[] = array( 'code' => array( 'font-family' => '"Museo Slab", ' . $default_font , 'font-weight' => '900', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"Museo Slab"', ' src' => 'url("...")', 'font-weight' => '900', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 900 Italic', 'flags' => array( 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'weight900', 'font_class' => 'italic', ); ?>