Some Litmus Tests

How forgiving are browsers when it comes to family names and internal data? Let's test it out. In this demo I purposefully used a non-bold font in the bold syntax, and a non-italic font in the italic syntax, and I mix up the family names. Have a look:

array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500")', 'font-weight' => 'normal', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 500', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'yes', 'bold' => 'no', 'italics' => 'no', ), 'tr_class' => 'family_name_test', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500-italic")', 'font-weight' => 'normal', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 500 Italic', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'yes', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'family_name_test italic', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("steelfish-bold")', 'font-weight' => 'bold', 'font-style' => 'normal', ), 'font_name' => 'Steelfish Bold', 'flags' => array( 'family name' => 'Steelfish', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'family_name_test bold bigger', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("steelfish-bold-italic")', 'font-weight' => 'bold', 'font-style' => 'italic', ), 'font_name' => 'Steelfish Bold Italic', 'flags' => array( 'family name' => 'Steelfish', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'family_name_test bold italic bigger', 'note' => '' ); ?> array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("steelfish-bold-italic")', 'font-weight' => 'normal', 'font-style' => 'normal', ), 'font_name' => 'Steelfish Bold Italic', 'flags' => array( 'family name' => 'Steelfish', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'family_name_and_flag_test bigger', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("steelfish-bold")', 'font-weight' => 'normal', 'font-style' => 'italic', ), 'font_name' => 'Steelfish Bold', 'flags' => array( 'family name' => 'Steelfish', 'regular' => 'yes', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'family_name_and_flag_test italic bigger', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500-italic")', 'font-weight' => 'bold', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 500 Italic', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'family_name_and_flag_test bold', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500")', 'font-weight' => 'bold', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 500', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'family_name_and_flag_test bold italic', 'note' => '' ); ?> array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-700-italic")', 'font-weight' => 'normal', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 700 Italic', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'mismatched_flag_test ', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'normal', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-700")', 'font-weight' => 'normal', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 700', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'yes', 'bold' => 'no', 'italics' => 'yes', ), 'tr_class' => 'mismatched_flag_test italic ', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'normal', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500-italic")', 'font-weight' => 'bold', 'font-style' => 'normal', ), 'font_name' => 'Museo Slab 500 Italic', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'no', ), 'tr_class' => 'mismatched_flag_test bold', 'note' => '' ); $table_content[] = array( 'code' => array( 'font-family' => '"'. $family_name . '", ' . $default_font , 'font-weight' => 'bold', 'font-style' => 'italic', ), 'syntax' => array( 'font-family' => '"'. $family_name . '"', ' src' => 'url("museo-slab-500")', 'font-weight' => 'bold', 'font-style' => 'italic', ), 'font_name' => 'Museo Slab 500', 'flags' => array( 'family name' => 'Museo Slab', 'regular' => 'no', 'bold' => 'yes', 'italics' => 'yes', ), 'tr_class' => 'mismatched_flag_test bold italic', 'note' => '' ); ?>