diff --git a/tests/webfonts.html b/tests/webfonts.html index 06c9fc94..19da0279 100644 --- a/tests/webfonts.html +++ b/tests/webfonts.html @@ -31,21 +31,22 @@ var fonts = $webfonts.list(); var languages = $webfonts.languages(); // Also test system fonts. - $.merge( fonts, [ 'Sans', 'Serif' ] ); var $fontSelector = $( 'select#fontselector' ); var $langselector = $( 'select#language' ); function listFonts(fonts) { + $.merge( fonts, [ 'Sans', 'Serif' ] ); $fontSelector.find('option').remove(); $.each( fonts, function(key, font) { $fontSelector.append( $( "" ).attr( "value", font ).text( font ) ); } ); + $fontSelector.trigger( 'change' ); } listFonts(fonts); $.each( languages, function(lang, language) { $langselector.append( $( "" ).attr( - "value", language ).text( + "value", language ).text(language+ " - "+ $.uls.data.autonym( language ) ) ); } ); $fontSelector.on( 'change', function() { @@ -56,6 +57,7 @@ var language = $langselector.find( 'option:selected' ) .val(); listFonts($webfonts.list(language)); + $( '#webfonts-preview-area' ).text( $.uls.data.autonym( language ) ); } ); } ) @@ -77,6 +79,12 @@ div#webfonts-preview-area { overflow: auto; padding: 10px 5px; text-align: left; + font-size: 16px; +} + +select { + width: 200px; + height: 25px; } .langselector,.fontselector { @@ -94,11 +102,11 @@ div#webfonts-preview-area {