Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <canvas id="test_canvas" width="800px" height="4000px"></canvas>
</body>
</html>
 
​
@font-face {
    font-family: MyAndale Mono;
    src: local("Andale Mono");
}
/*If Arial is installed locally we shouldn't be seeing a request to Arial-NotFound.ttf*/
 @font-face {
    font-family: MyArial;
    src: local("Arial"), url("Arial-NotFound.ttf");
}
@font-face {
    font-family: MyArial Black;
    src: local("Arial Black");
}
@font-face {
    font-family: MyBitstream Charter;
    src: local("Bitstream Charter");
}
@font-face {
    font-family: MyCentury Schoolbook L;
    src: local("Century Schoolbook L");
}
@font-face {
    font-family: MyComic Sans MS;
    src: local("Comic Sans MS");
}
@font-face {
    font-family: MyCourier 10 Pitch;
    src: local("Courier 10 Pitch");
}
@font-face {
    font-family: MyCourier New;
    src: local("Courier New");
}
@font-face {
    font-family: MyDejaVu Sans;
    src: local("DejaVu Sans");
}
@font-face {
    font-family: MyDejaVu Sans Condensed;
    src: local("DejaVu Sans Condensed");
}
@font-face {
    font-family: MyDejaVu Sans Light;
    src: local("DejaVu Sans Light");
}
@font-face {
    font-family: MyDejaVu Sans Mono;
    src: local("DejaVu Sans Mono");
}
@font-face {
    font-family: MyDejaVu Serif;
    src: local("DejaVu Serif");
}
@font-face {
    font-family: MyDejaVu Serif Condensed;
    src: local("DejaVu Serif Condensed");
}
@font-face {
    font-family: MyDingbats;
    src: local("Dingbats");
}
@font-face {
    font-family: MyDroid Sans;
    src: local("Droid Sans");
}
@font-face {
    font-family: MyDroid Sans Mono;
    src: local("Droid Sans Mono");
}
@font-face {
    font-family: MyDroid Serif;
    src: local("Droid Serif");
}
@font-face {
    font-family: MyFreeMono;
    src: local("FreeMono");
}
@font-face {
    font-family: MyFreeSans;
    src: local("FreeSans");
}
@font-face {
    font-family: MyFreeSerif;
    src: local("FreeSerif");
}
@font-face {
    font-family: MyGaruda;
    src: local("Garuda");
}
@font-face {
    font-family: MyGeorgia;
    src: local("Georgia");
}
@font-face {
    font-family: MyImpact;
    src: local("Impact");
}
@font-face {
    font-family: MyKacstArt;
    src: local("KacstArt");
}
@font-face {
    font-family: MyKacstBook;
    src: local("KacstBook");
}
@font-face {
    font-family: MyKacstDecorative;
    src: local("KacstDecorative");
}
@font-face {
    font-family: MyKacstDigital;
    src: local("KacstDigital");
}
@font-face {
    font-family: MyKacstFarsi;
    src: local("KacstFarsi");
}
@font-face {
    font-family: MyKacstLetter;
    src: local("KacstLetter");
}
@font-face {
    font-family: MyKacstNaskh;
    src: local("KacstNaskh");
}
@font-face {
    font-family: MyKacstOffice;
    src: local("KacstOffice");
}
@font-face {
    font-family: MyKacstOne;
    src: local("KacstOne");
}
@font-face {
    font-family: MyKacstPen;
    src: local("KacstPen");
}
@font-face {
    font-family: MyKacstPoster;
    src: local("KacstPoster");
}
@font-face {
    font-family: MyKacstQurn;
    src: local("KacstQurn");
}
@font-face {
    font-family: MyKacstScreen;
    src: local("KacstScreen");
}
@font-face {
    font-family: MyKacstTitle;
    src: local("KacstTitle");
}
@font-face {
    font-family: MyKacstTitleL;
    src: local("KacstTitleL");
}
@font-face {
    font-family: MyKedage;
    src: local("Kedage");
}
@font-face {
    font-family: MyKhmer OS;
    src: local("Khmer OS");
}
@font-face {
    font-family: MyKhmer OS System;
    src: local("Khmer OS System");
}
@font-face {
    font-family: MyKinnari;
    src: local("Kinnari");
}
@font-face {
    font-family: MyLiberation Mono;
    src: local("Liberation Mono");
}
@font-face {
    font-family: MyLiberation Sans;
    src: local("Liberation Sans");
}
@font-face {
    font-family: MyLiberation Sans Narrow;
    src: local("Liberation Sans Narrow");
}
@font-face {
    font-family: MyLiberation Serif;
    src: local("Liberation Serif");
}
@font-face {
    font-family: MyLohit Bengali;
    src: local("Lohit Bengali");
}
@font-face {
    font-family: MyLohit Gujarati;
    src: local("Lohit Gujarati");
}
@font-face {
    font-family: MyLohit Hindi;
    src: local("Lohit Hindi");
}
@font-face {
    font-family: MyLohit Punjabi;
    src: local("Lohit Punjabi");
}
@font-face {
    font-family: MyLohit Tamil;
    src: local("Lohit Tamil");
}
@font-face {
    font-family: MyLoma;
    src: local("Loma");
}
@font-face {
    font-family: MyMallige;
    src: local("Mallige");
}
@font-face {
    font-family: MyMeera;
    src: local("Meera");
}
@font-face {
    font-family: MyMukti Narrow;
    src: local("Mukti Narrow");
}
@font-face {
    font-family: MyMukti Narrow Bold;
    src: local("Mukti Narrow Bold");
}
@font-face {
    font-family: MyNanumGothic;
    src: local("NanumGothic");
}
@font-face {
    font-family: MyNanumMyeongjo;
    src: local("NanumMyeongjo");
}
@font-face {
    font-family: MyNimbus Mono L;
    src: local("Nimbus Mono L");
}
@font-face {
    font-family: MyNimbus Roman No9 L;
    src: local("Nimbus Roman No9 L");
}
@font-face {
    font-family: MyNimbus Sans L;
    src: local("Nimbus Sans L");
}
@font-face {
    font-family: MyNorasi;
    src: local("Norasi");
}
@font-face {
    font-family: MyOpenSymbol;
    src: local("OpenSymbol");
}
@font-face {
    font-family: MyPhetsarath OT;
    src: local("Phetsarath OT");
}
@font-face {
    font-family: MyPothana2000;
    src: local("Pothana2000");
}
@font-face {
    font-family: MyPurisa;
    src: local("Purisa");
}
@font-face {
    font-family: MyRachana;
    src: local("Rachana");
}
@font-face {
    font-family: MyRekha;
    src: local("Rekha");
}
@font-face {
    font-family: MySaab;
    src: local("Saab");
}
@font-face {
    font-family: MySawasdee;
    src: local("Sawasdee");
}
@font-face {
    font-family: MyStandard Symbols L;
    src: local("Standard Symbols L");
}
@font-face {
    font-family: MySymbol;
    src: local("Symbol");
}
@font-face {
    font-family: MyTakaoPGothic;
    src: local("TakaoPGothic");
}
@font-face {
    font-family: MyTimes New Roman;
    src: local("Times New Roman");
}
@font-face {
    font-family: MyTlwg Typist;
    src: local("Tlwg Typist");
}
@font-face {
    font-family: MyTlwg Typo;
    src: local("Tlwg Typo");
}
@font-face {
    font-family: MyTlwgMono;
    src: local("TlwgMono");
}
@font-face {
    font-family: MyTlwgTypewriter;
    src: local("TlwgTypewriter");
}
@font-face {
    font-family: MyTrebuchet MS;
    src: local("Trebuchet MS");
}
@font-face {
    font-family: MyURW Bookman L;
    src: local("URW Bookman L");
}
@font-face {
    font-family: MyURW Chancery L;
    src: local("URW Chancery L");
}
@font-face {
    font-family: MyURW Gothic L;
    src: local("URW Gothic L");
}
@font-face {
    font-family: MyURW Palladio L;
    src: local("URW Palladio L");
}
@font-face {
    font-family: MyUbuntu;
    src: local("Ubuntu");
}
 
// noprotect
var fonts = ["Andale Mono", "Arial", "Arial Black", "Bitstream Charter", "Century Schoolbook L", "Comic Sans MS", "Courier 10 Pitch", "Courier New", "DejaVu Sans", "DejaVu Sans Condensed", "DejaVu Sans Light", "DejaVu Sans Mono", "DejaVu Serif", "DejaVu Serif Condensed", "Dingbats", "Droid Sans", "Droid Sans Mono", "Droid Serif", "FreeMono", "FreeSans", "FreeSerif", "Garuda", "Georgia", "Impact", "KacstArt", "KacstBook", "KacstDecorative", "KacstDigital", "KacstFarsi", "KacstLetter", "KacstNaskh", "KacstOffice", "KacstOne", "KacstPen", "KacstPoster", "KacstQurn", "KacstScreen", "KacstTitle", "KacstTitleL", "Kedage", "Khmer OS", "Khmer OS System", "Kinnari", "Liberation Mono", "Liberation Sans", "Liberation Sans Narrow", "Liberation Serif", "Lohit Bengali", "Lohit Gujarati", "Lohit Hindi", "Lohit Punjabi", "Lohit Tamil", "Loma", "Mallige", "Meera", "Mukti Narrow", "Mukti Narrow Bold", "NanumGothic", "NanumMyeongjo", "Nimbus Mono L", "Nimbus Roman No9 L", "Nimbus Sans L", "Norasi", "OpenSymbol", "Phetsarath OT", "Pothana2000", "Purisa", "Rachana", "Rekha", "Saab", "Sawasdee", "Standard Symbols L", "Symbol", "TakaoPGothic", "Times New Roman", "Tlwg Typist", "Tlwg Typo", "TlwgMono", "TlwgTypewriter", "Trebuchet MS", "URW Bookman L", "URW Chancery L", "URW Gothic L", "URW Palladio L", "Ubuntu", "Ubuntu Condensed", "Ubuntu Light", "Ubuntu Mono", "Ume Gothic", "Ume Gothic C4", "Ume Gothic C5", "Ume Gothic O5", "Ume Gothic S4", "Ume Gothic S5", "Ume Mincho", "Ume Mincho S3", "Ume P Gothic", "Ume P Gothic C4", "Ume P Gothic C5", "Ume P Gothic O5", "Ume P Gothic S4", "Ume P Gothic S5", "Ume P Mincho", "Ume P Mincho S3", "Ume UI Gothic", "Ume UI Gothic O5", "Umpush", "UnBatang", "UnDinaru", "UnDotum", "UnGraphic", "UnGungseo", "UnPilgi", "Untitled1", "Vemana2000", "Verdana", "Waree", "Webdings", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "cmex10", "cmmi10", "cmr10", "cmsy10", "esint10", "eufm10", "gargi", "mry_KacstQurn", "msam10", "msbm10", "rsfs10", "utkal", "wasy10", "Adobe Caslon Pro", "Adobe Garamond", "Adobe Garamond Pro", "Agency FB", "Aharoni", "Algerian", "American Typewriter", "Andale Mono", "Andalus", "Angsana New", "AngsanaUPC", "Apple Chancery", "Arabic Transparent", "Arabic Typesetting", "Archer", "Arial", "Arial Baltic", "Arial Black", "Arial CE", "Arial CYR", "Arial Greek", "Arial Narrow", "Arial Rounded MT Bold", "Arial TUR", "Arial Unicode MS", "Arno Pro", "Avenir", "Ayuthaya", "Bandy", "Bank Gothic", "Baskerville Old Face", "Batang", "BatangChe", "Bauer Bodoni", "Bauhaus 93", "Bell Mt", "Bell MT", "Bembo", "Berlin Sans FB", "Bernard MT Condensed", "Big Caslon", "Blackadder ITC", "Blairmditc Tt", "Bodoni MT", "Book Antiqua", "Bookman Old Style", "Bookshelf Symbol 7", "Bradley Hand ITC", "Britannic Bold", "Broadway", "Browallia New", "BrowalliaUPC", "Brush Script MT", "Calibri", "Californian FB", "Calisto MT", "Cambria", "Candara", "Castellar", "Centaur", "Century", "Century Gothic", "Century Schoolbook", "Chalkboard", "Chiller", "Clarendon", "Cochin", "Colonna MT", "Comic Sans", "Comic Sans MS", "Consolas", "Constantia", "Cooper Black", "Copperplate Gothic", "Corbel", "Cordia New", "CordiaUPC", "Courier", "Courier New", "Courier New Baltic", "Courier New CE", "Courier New CYR", "Courier New Greek", "Courier New TUR", "Curlz MT", "DaunPenh", "David", "Delicious", "DFKai-SB", "Didot", "DilleniaUPC", "Din", "DokChampa", "Dotum", "DotumChe", "Edwardian Script ITC", "Elephant", "Engravers MT", "Eras Bold ITC", "Estrangelo Edessa", "EucrosiaUPC", "Euphemia", "Eurostile", "FangSong", "Felix Titling", "Fontin", "Footlight MT Light", "Forte", "Franklin Gothic", "FrankRuehl", "FreesiaUPC", "Freestyle Script", "French Script MT", "Fruitger", "Futura", "Gabriola", "Garamond", "Gautami", "Geneva", "Georgia", "Gigi", "Gill Sans", "Gisha", "Gotham", "Goudy Old Style", "Goudy Stout", "Gulim", "GulimChe", "Gungsuh", "GungsuhChe", "Haettenschweiler", "Harlow Solid Italic", "Harrington", "Helv", "Helvetica", "Helvetica Neue", "High Tower Text", "Hoefler Text", "Impact", "Imprint MT Shadow", "Inconsolata", "Informal Roman", "Interstate", "IrisUPC", "Iskoola Pota", "JasmineUPC", "Jazz Let", "Jenson", "Jokerman", "Juice ITC", "KaiTi", "Kalinga", "Kartika", "KodchiangUPC", "Kristen ITC", "Krungthep", "Kunstler Script", "Latha", "Leelawadee", "Levenim MT", "Liberation Mono", "Liberation Sans", "Liberation Sans Narrow", "Liberation Serif", "LilyUPC", "Lucida Bright", "Lucida Calligraphy", "Lucida Console", "Lucida Fax", "Lucida Grande", "Lucida Handwriting", "Lucida Sans", "Lucida Sans Typewriter", "Lucida Sans Unicode", "Magneto", "Maiandra GD", "Malgun Gothic", "Mangal", "Marker Felt", "Marlett", "Matura MT Script Capitals", "Meiryo", "Meiryo UI", "Microsoft Himalaya", "Microsoft JhengHei", "Microsoft Sans Serif", "Microsoft Uighur", "Microsoft YaHei", "Microsoft Yi Baiti", "MingLiU", "MingLiU_HKSCS", "Minion", "Minion Pro", "Miriam", "Mistral", "Modern No. 20", "Monaco", "Mongolian Baiti", "Mono", "Monospace", "Monotype Corsiva", "MoolBoran", "Mrs Eaves", "MS Gothic", "MS Mincho", "MS Outlook", "MS PGothic", "MS PMincho", "MS Reference Sans Serif", "MS Reference Specialty", "MS UI Gothic", "MT Extra", "Museo", "MV Boli", "Myriad", "Myriad Pro", "Nadeem", "Narkisim", "Nevis", "News Gothic", "Niagara Engraved", "Niagara Solid", "NSimSun", "Nyala", "OCR A Extended", "Old English Text MT", "Onyx", "Optima", "Osaka", "Palace Script MT", "Palatino", "Palatino Linotype", "Papyrus", "Parchment", "Perpetua", "Perpetua Titling MT", "Petitabold", "Plantagenet Cherokee", "Playbill", "PMingLiU", "Poor Richard", "Princetown Let", "Pristina", "Raavi", "Rage Italic", "Ravie", "Rockwell", "Rod", "Santa Fe Let", "Savoye Let", "Script", "Scriptina", "Script MT Bold", "Segoe Print", "Segoe Script", "Segoe UI", "Showcard Gothic", "Shruti", "Silkscreen", "SimHei", "Simplified Arabic", "SimSun", "Sketch Rockwell", "Skia", "Snap ITC", "Snell Roundhand", "Stencil", "Styllo", "Sylfaen", "Symbol", "Synchro Let", "System", "Tahoma", "Tempus Sans ITC", "Times", "Times New Roman", "Times New Roman Baltic", "Times New Roman CE", "Times New Roman CYR", "Times New Roman Greek", "Times New Roman TUR", "Traditional Arabic", "Trajan", "Trajan Pro", "Trebuchet MS", "Tunga", "Tw Cen MT", "Univers", "Verdana", "Viner Hand ITC", "Vivaldi", "Vladimir Script", "Vrinda", "Webdings", "Whitney", "Wide Latin", "Wingdings", "Wingdings 2", "Wingdings 3", "Zapfino"];
             var myfonts = ["Andale Mono", "MyArial", "MyArial Black", "MyBitstream Charter", "MyCentury Schoolbook L", "MyComic Sans MS", "MyCourier 10 Pitch", "MyCourier New", "MyDejaVu Sans", "MyDejaVu Sans Condensed", "MyDejaVu Sans Light", "MyDejaVu Sans Mono", "MyDejaVu Serif", "MyDejaVu Serif Condensed", "MyDingbats", "MyDroid Sans", "MyDroid Sans Mono", "MyDroid Serif", "MyFreeMono", "MyFreeSans", "MyFreeSerif", "MyGaruda", "MyGeorgia", "MyImpact", "MyKacstArt", "MyKacstBook", "MyKacstDecorative", "MyKacstDigital", "MyKacstFarsi", "MyKacstLetter", "MyKacstNaskh", "MyKacstOffice", "MyKacstOne", "MyKacstPen", "MyKacstPoster", "MyKacstQurn", "MyKacstScreen", "MyKacstTitle", "MyKacstTitleL", "MyKedage", "MyKhmer OS", "MyKhmer OS System", "MyKinnari", "MyLiberation Mono", "MyLiberation Sans", "MyLiberation Sans Narrow", "MyLiberation Serif", "MyLohit Bengali", "MyLohit Gujarati", "MyLohit Hindi", "MyLohit Punjabi", "MyLohit Tamil", "MyLoma", "MyMallige", "MyMeera", "MyMukti Narrow", "MyMukti Narrow Bold", "MyNanumGothic", "MyNanumMyeongjo", "MyNimbus Mono L", "MyNimbus Roman No9 L", "MyNimbus Sans L", "MyNorasi", "MyOpenSymbol", "MyPhetsarath OT", "MyPothana2000", "MyPurisa", "MyRachana", "MyRekha", "MySaab", "MySawasdee", "MyStandard Symbols L", "MySymbol", "MyTakaoPGothic", "MyTimes New Roman", "MyTlwg Typist", "MyTlwg Typo", "MyTlwgMono", "MyTlwgTypewriter", "MyTrebuchet MS", "MyURW Bookman L", "MyURW Chancery L", "MyURW Gothic L", "MyURW Palladio L", "MyUbuntu", "MyUbuntu Condensed", "MyUbuntu Light", "MyUbuntu Mono", "MyUme Gothic", "MyUme Gothic C4", "MyUme Gothic C5", "MyUme Gothic O5", "MyUme Gothic S4", "MyUme Gothic S5", "MyUme Mincho", "MyUme Mincho S3", "MyUme P Gothic", "MyUme P Gothic C4", "MyUme P Gothic C5", "MyUme P Gothic O5", "MyUme P Gothic S4", "MyUme P Gothic S5", "MyUme P Mincho", "MyUme P Mincho S3", "MyUme UI Gothic", "MyUme UI Gothic O5", "MyUmpush", "MyUnBatang", "MyUnDinaru", "MyUnDotum", "MyUnGraphic", "MyUnGungseo", "MyUnPilgi", "MyUntitled1", "MyVemana2000", "MyVerdana", "MyWaree", "MyWebdings", "MyWenQuanYi Micro Hei", "MyWenQuanYi Micro Hei Mono", "Mycmex10", "Mycmmi10", "Mycmr10", "Mycmsy10", "Myesint10", "Myeufm10", "Mygargi", "Mymry_KacstQurn", "Mymsam10", "Mymsbm10", "Myrsfs10", "Myutkal", "Mywasy10", "MyAdobe Caslon Pro", "MyAdobe Garamond", "MyAdobe Garamond Pro", "MyAgency FB", "MyAharoni", "MyAlgerian", "MyAmerican Typewriter", "MyAndale Mono", "MyAndalus", "MyAngsana New", "MyAngsanaUPC", "MyApple Chancery", "MyArabic Transparent", "MyArabic Typesetting", "MyArcher", "MyArial", "MyArial Baltic", "MyArial Black", "MyArial CE", "MyArial CYR", "MyArial Greek", "MyArial Narrow", "MyArial Rounded MT Bold", "MyArial TUR", "MyArial Unicode MS", "MyArno Pro", "MyAvenir", "MyAyuthaya", "MyBandy", "MyBank Gothic", "MyBaskerville Old Face", "MyBatang", "MyBatangChe", "MyBauer Bodoni", "MyBauhaus 93", "MyBell Mt", "MyBell MT", "MyBembo", "MyBerlin Sans FB", "MyBernard MT Condensed", "MyBig Caslon", "MyBlackadder ITC", "MyBlairmditc Tt", "MyBodoni MT", "MyBook Antiqua", "MyBookman Old Style", "MyBookshelf Symbol 7", "MyBradley Hand ITC", "MyBritannic Bold", "MyBroadway", "MyBrowallia New", "MyBrowalliaUPC", "MyBrush Script MT", "MyCalibri", "MyCalifornian FB", "MyCalisto MT", "MyCambria", "MyCandara", "MyCastellar", "MyCentaur", "MyCentury", "MyCentury Gothic", "MyCentury Schoolbook", "MyChalkboard", "MyChiller", "MyClarendon", "MyCochin", "MyColonna MT", "MyComic Sans", "MyComic Sans MS", "MyConsolas", "MyConstantia", "MyCooper Black", "MyCopperplate Gothic", "MyCorbel", "MyCordia New", "MyCordiaUPC", "MyCourier", "MyCourier New", "MyCourier New Baltic", "MyCourier New CE", "MyCourier New CYR", "MyCourier New Greek", "MyCourier New TUR", "MyCurlz MT", "MyDaunPenh", "MyDavid", "MyDelicious", "MyDFKai-SB", "MyDidot", "MyDilleniaUPC", "MyDin", "MyDokChampa", "MyDotum", "MyDotumChe", "MyEdwardian Script ITC", "MyElephant", "MyEngravers MT", "MyEras Bold ITC", "MyEstrangelo Edessa", "MyEucrosiaUPC", "MyEuphemia", "MyEurostile", "MyFangSong", "MyFelix Titling", "MyFontin", "MyFootlight MT Light", "MyForte", "MyFranklin Gothic", "MyFrankRuehl", "MyFreesiaUPC", "MyFreestyle Script", "MyFrench Script MT", "MyFruitger", "MyFutura", "MyGabriola", "MyGaramond", "MyGautami", "MyGeneva", "MyGeorgia", "MyGigi", "MyGill Sans", "MyGisha", "MyGotham", "MyGoudy Old Style", "MyGoudy Stout", "MyGulim", "MyGulimChe", "MyGungsuh", "MyGungsuhChe", "MyHaettenschweiler", "MyHarlow Solid Italic", "MyHarrington", "MyHelv", "MyHelvetica", "MyHelvetica Neue", "MyHigh Tower Text", "MyHoefler Text", "MyImpact", "MyImprint MT Shadow", "MyInconsolata", "MyInformal Roman", "MyInterstate", "MyIrisUPC", "MyIskoola Pota", "MyJasmineUPC", "MyJazz Let", "MyJenson", "MyJokerman", "MyJuice ITC", "MyKaiTi", "MyKalinga", "MyKartika", "MyKodchiangUPC", "MyKristen ITC", "MyKrungthep", "MyKunstler Script", "MyLatha", "MyLeelawadee", "MyLevenim MT", "MyLiberation Mono", "MyLiberation Sans", "MyLiberation Sans Narrow", "MyLiberation Serif", "MyLilyUPC", "MyLucida Bright", "MyLucida Calligraphy", "MyLucida Console", "MyLucida Fax", "MyLucida Grande", "MyLucida Handwriting", "MyLucida Sans", "MyLucida Sans Typewriter", "MyLucida Sans Unicode", "MyMagneto", "MyMaiandra GD", "MyMalgun Gothic", "MyMangal", "MyMarker Felt", "MyMarlett", "MyMatura MT Script Capitals", "MyMeiryo", "MyMeiryo UI", "MyMicrosoft Himalaya", "MyMicrosoft JhengHei", "MyMicrosoft Sans Serif", "MyMicrosoft Uighur", "MyMicrosoft YaHei", "MyMicrosoft Yi Baiti", "MyMingLiU", "MyMingLiU_HKSCS", "MyMinion", "MyMinion Pro", "MyMiriam", "MyMistral", "MyModern No. 20", "MyMonaco", "MyMongolian Baiti", "MyMono", "MyMonospace", "MyMonotype Corsiva", "MyMoolBoran", "MyMrs Eaves", "MyMS Gothic", "MyMS Mincho", "MyMS Outlook", "MyMS PGothic", "MyMS PMincho", "MyMS Reference Sans Serif", "MyMS Reference Specialty", "MyMS UI Gothic", "MyMT Extra", "MyMuseo", "MyMV Boli", "MyMyriad", "MyMyriad Pro", "MyNadeem", "MyNarkisim", "MyNevis", "MyNews Gothic", "MyNiagara Engraved", "MyNiagara Solid", "MyNSimSun", "MyNyala", "MyOCR A Extended", "MyOld English Text MT", "MyOnyx", "MyOptima", "MyOsaka", "MyPalace Script MT", "MyPalatino", "MyPalatino Linotype", "MyPapyrus", "MyParchment", "MyPerpetua", "MyPerpetua Titling MT", "MyPetitabold", "MyPlantagenet Cherokee", "MyPlaybill", "MyPMingLiU", "MyPoor Richard", "MyPrincetown Let", "MyPristina", "MyRaavi", "MyRage Italic", "MyRavie", "MyRockwell", "MyRod", "MySanta Fe Let", "MySavoye Let", "MyScript", "MyScriptina", "MyScript MT Bold", "MySegoe Print", "MySegoe Script", "MySegoe UI", "MyShowcard Gothic", "MyShruti", "MySilkscreen", "MySimHei", "MySimplified Arabic", "MySimSun", "MySketch Rockwell", "MySkia", "MySnap ITC", "MySnell Roundhand", "MyStencil", "MyStyllo", "MySylfaen", "MySymbol", "MySynchro Let", "MySystem", "MyTahoma", "MyTempus Sans ITC", "MyTimes", "MyTimes New Roman", "MyTimes New Roman Baltic", "MyTimes New Roman CE", "MyTimes New Roman CYR", "MyTimes New Roman Greek", "MyTimes New Roman TUR", "MyTraditional Arabic", "MyTrajan", "MyTrajan Pro", "MyTrebuchet MS", "MyTunga", "MyTw Cen MT", "MyUnivers", "MyVerdana", "MyViner Hand ITC", "MyVivaldi", "MyVladimir Script", "MyVrinda", "MyWebdings", "MyWhitney", "MyWide Latin", "MyWingdings", "MyWingdings 2", "MyWingdings 3", "MyZapfino"];
             
var c = document.getElementById("test_canvas");
var ctx=c.getContext('2d');
​
/*
function get_text_size(font){
  ctx.font='72px '+font;
  var size=ctx.measureText("mmmmmmmmmlli");
  ctx.fillText(size.width+"X"+size.height,10,30);
}
for(var font in font_list){
  get_text_size();
}
*/
​
var line_no = 1;
var c = document.getElementById("test_canvas");
var ctx=c.getContext('2d');
var font_size = 72;
function add_text_and_dims(font){
  ctx.font = font_size+"px "+font;
  ctx.fillStyle="red";
  var size=ctx.measureText("mmmmmmmmmmlli");
             //ctx.fillText(line_no+": "+size.width+" "+font, 10, line_no*font_size);
             ctx.strokeText(line_no+": "+size.width+" "+font, 10, line_no*font_size);
  
             line_no+=1;
}
​
for(var font in myfonts){
  add_text_and_dims(fonts[font]); // noprotect
}
var t = ctx.todataURL();
console.log(t);
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers