Unlock 30% off on Manual Testing Annual Plans this Holiday Season. 
Use Code: LCMYEARENDEXCL30
Use Code: LCMYEARENDEXCL30Check icon
Copied to Clipboard!
How to use Font method in wpt
Best JavaScript code snippet using wpt
action.js
Source:action.js 
1jQuery.noConflict();2jQuery(document).ready(function($) {3 "use strict";4 var preset1 = new Array();5 preset1['primary_color']='#a0ce4e';6 preset1['secondary_color']='#c69653';7 preset1['button_gradient_top_color']='#c6b08f';8 preset1['button_gradient_bottom_color']='#c69c61';9 preset1['button_gradient_top_color_hover']='#c6b08f';10 preset1['button_border_color']='#a37b44';11 preset1['menu_first_color']='#c79c60';12 preset1['header_top_bg_color']='#c79c60';13 preset1['form_text_color']='#c67f1b';14 var preset2 = new Array();15 preset2['primary_color']='#353535';16 preset2['secondary_color']='#353535';1718 $('#preset_color_scheme').change(function() {19 colorscheme = $(this).val();20 if (colorscheme == 'preset1') { colorscheme = preset1; }21 if (colorscheme == 'preset2') { colorscheme = preset2; }2223 for (id in colorscheme) {24 of_update_color(id,colorscheme[id]);25 }26 });27 //This does the heavy lifting of updating all the colorpickers and text28 function of_update_color(id,hex) {29 $('#section-' + id).find('.of-color').val(hex).change();30 }31 onLoadFontBody($('#body_font_options').val());32 onLoadFontMainMenu($('#main_menu_font_options').val());33 onLoadFontHeader($('#header_font_options').val());34 onLoadFontOther($('#other_font_options_0').val());35 onLoadFontOther1($('#other_font_options_1').val());36 onLoadFontOther2($('#other_font_options_2').val());37 onLoadFontOther3($('#other_font_options_3').val());38 onLoadFontOther4($('#other_font_options_4').val());39 onLoadFontOther5($('#other_font_options_5').val());40 onLoadFontOther6($('#other_font_options_6').val());41 onLoadFontOther7($('#other_font_options_7').val());42 onLoadFontOther8($('#other_font_options_8').val());43 onLoadFontOther9($('#other_font_options_9').val());44 onLoadFontOther10($('#other_font_options_10').val());45 setCollumnHeaderWitget($('#header_top_widgets_columns').val());46 setCollumnFooterWitget($('#footer_top_widgets_columns').val());47 setCollumnFooterBottomWitget($('#footer_bottom_widgets_columns').val());48 // changer page title style49 page_title_bar_style();50 $('#page_title_bar_style').change(function() {51 page_title_bar_style();52 });5354 $('#body_font_options').change(function() {55 "use strict";56 onLoadFontBody($(this).val());57 });58 $('#main_menu_font_options').change(function() {59 "use strict";60 onLoadFontMainMenu($(this).val());61 });62 $('#header_font_options').change(function() {63 "use strict";64 onLoadFontHeader($(this).val());65 });66 $('#other_font_options_0').change(function() {67 "use strict";68 onLoadFontOther($(this).val());69 });70 $('#other_font_options_1').change(function() {71 "use strict";72 onLoadFontOther1($(this).val());73 });74 $('#other_font_options_2').change(function() {75 "use strict";76 onLoadFontOther2($(this).val());77 });78 $('#other_font_options_3').change(function() {79 "use strict";80 onLoadFontOther3($(this).val());81 });82 $('#other_font_options_4').change(function() {83 "use strict";84 onLoadFontOther4($(this).val());85 });86 $('#other_font_options_5').change(function() {87 "use strict";88 onLoadFontOther5($(this).val());89 });90 $('#other_font_options_6').change(function() {91 "use strict";92 onLoadFontOther6($(this).val());93 });94 $('#other_font_options_7').change(function() {95 "use strict";96 onLoadFontOther7($(this).val());97 });98 $('#other_font_options_8').change(function() {99 "use strict";100 onLoadFontOther8($(this).val());101 });102 $('#other_font_options_9').change(function() {103 "use strict";104 onLoadFontOther9($(this).val());105 });106 $('#other_font_options_10').change(function() {107 "use strict";108 onLoadFontOther10($(this).val());109 });110 $('#header_top_widgets_columns').change(function() {111 setCollumnHeaderWitget($(this).val());112 });113 $('#footer_top_widgets_columns').change(function() {114 setCollumnFooterWitget($(this).val());115 });116 $('#footer_bottom_widgets_columns').change(function() {117 setCollumnFooterBottomWitget($(this).val());118 });119120 function page_title_bar_style() {121 switch ($("#page_title_bar_style").val()) {122 case 'corporate':123 $("#section-page_title_image").css("display","block");124 $("#section-page_title_image_height").css("display","block");125 break;126 default:127 $("#section-page_title_image").css("display","none");128 $("#section-page_title_image_height").css("display","none");129 break;130 }131 }132133 function onLoadFontBody(body_font_type){134 switch(body_font_type){135 case 'Google Font':136 $('#section-google_body_font_family').css("display","block");137 $('#section-standard_body_font_family').css("display","none");138 $('#section-custom_body_font_family').css("display","none");139 $('#section-body_font_family_selector').css("display","block");140 break;141 case 'Standard Font':142 $('#section-google_body_font_family').css("display","none");143 $('#section-standard_body_font_family').css("display","block");144 $('#section-custom_body_font_family').css("display","none");145 $('#section-body_font_family_selector').css("display","block");146 break;147 case 'Custom Font':148 $('#section-google_body_font_family').css("display","none");149 $('#section-standard_body_font_family').css("display","none");150 $('#section-custom_body_font_family').css("display","block");151 $('#section-body_font_family_selector').css("display","block");152 break;153 default:154 $('#section-google_body_font_family').css("display","none");155 $('#section-standard_body_font_family').css("display","none");156 $('#section-custom_body_font_family').css("display","none");157 $('#section-body_font_family_selector').css("display","none");158 }159 }160 function onLoadFontMainMenu(main_menu_font_type){161 switch(main_menu_font_type){162 case 'Google Font':163 $('#section-google_main_menu_font_family').css("display","block");164 $('#section-standard_main_menu_font_family').css("display","none");165 $('#section-custom_main_menu_font_family').css("display","none");166 $('#section-main_menu_font_family_selector').css("display","block");167 break;168 case 'Standard Font':169 $('#section-google_main_menu_font_family').css("display","none");170 $('#section-standard_main_menu_font_family').css("display","block");171 $('#section-custom_main_menu_font_family').css("display","none");172 $('#section-main_menu_font_family_selector').css("display","block");173 break;174 case 'Custom Font':175 $('#section-google_main_menu_font_family').css("display","none");176 $('#section-standard_main_menu_font_family').css("display","none");177 $('#section-custom_main_menu_font_family').css("display","block");178 $('#section-main_menu_font_family_selector').css("display","block");179 break;180 default:181 $('#section-google_main_menu_font_family').css("display","none");182 $('#section-standard_main_menu_font_family').css("display","none");183 $('#section-custom_main_menu_font_family').css("display","none");184 $('#section-main_menu_font_family_selector').css("display","none");185 }186 }187 function onLoadFontHeader(body_font_type){188 switch(body_font_type){189 case 'Google Font':190 $('#section-google_header_font_family').css("display","block");191 $('#section-standard_header_font_family').css("display","none");192 $('#section-custom_header_font_family').css("display","none");193 $('#section-header_font_family_selector').css("display","block");194 break;195 case 'Standard Font':196 $('#section-google_header_font_family').css("display","none");197 $('#section-standard_header_font_family').css("display","block");198 $('#section-custom_header_font_family').css("display","none");199 $('#section-header_font_family_selector').css("display","block");200 break;201 case 'Custom Font':202 $('#section-google_header_font_family').css("display","none");203 $('#section-standard_header_font_family').css("display","none");204 $('#section-custom_header_font_family').css("display","block");205 $('#section-header_font_family_selector').css("display","block");206 break;207 default:208 $('#section-google_header_font_family').css("display","none");209 $('#section-standard_header_font_family').css("display","none");210 $('#section-custom_header_font_family').css("display","none");211 $('#section-header_font_family_selector').css("display","none");212 }213 }214 function onLoadFontOther(body_font_type){215 switch(body_font_type){216 case 'Google Font':217 $('#section-google_other_font_family_0').css("display","block");218 $('#section-standard_other_font_family_0').css("display","none");219 $('#section-custom_other_font_family_0').css("display","none");220 $('#section-other_font_family_selector_0').css("display","block");221 break;222 case 'Standard Font':223 $('#section-google_other_font_family_0').css("display","none");224 $('#section-standard_other_font_family_0').css("display","block");225 $('#section-custom_other_font_family_0').css("display","none");226 $('#section-other_font_family_selector_0').css("display","block");227 break;228 case 'Custom Font':229 $('#section-google_other_font_family_0').css("display","none");230 $('#section-standard_other_font_family_0').css("display","none");231 $('#section-custom_other_font_family_0').css("display","block");232 $('#section-other_font_family_selector_0').css("display","block");233 break;234 default:235 $('#section-google_other_font_family_0').css("display","none");236 $('#section-standard_other_font_family_0').css("display","none");237 $('#section-custom_other_font_family_0').css("display","none");238 $('#section-other_font_family_selector_0').css("display","none");239 }240 }241 function onLoadFontOther1(body_font_type){242 switch(body_font_type){243 case 'Google Font':244 $('#section-google_other_font_family_1').css("display","block");245 $('#section-standard_other_font_family_1').css("display","none");246 $('#section-custom_other_font_family_1').css("display","none");247 $('#section-other_font_family_selector_1').css("display","block");248 break;249 case 'Standard Font':250 $('#section-google_other_font_family_1').css("display","none");251 $('#section-standard_other_font_family_1').css("display","block");252 $('#section-custom_other_font_family_1').css("display","none");253 $('#section-other_font_family_selector_1').css("display","block");254 break;255 case 'Custom Font':256 $('#section-google_other_font_family_1').css("display","none");257 $('#section-standard_other_font_family_1').css("display","none");258 $('#section-custom_other_font_family_1').css("display","block");259 $('#section-other_font_family_selector_1').css("display","block");260 break;261 default:262 $('#section-google_other_font_family_1').css("display","none");263 $('#section-standard_other_font_family_1').css("display","none");264 $('#section-custom_other_font_family_1').css("display","none");265 $('#section-other_font_family_selector_1').css("display","none");266 }267 }268 function onLoadFontOther2(body_font_type){269 switch(body_font_type){270 case 'Google Font':271 $('#section-google_other_font_family_2').css("display","block");272 $('#section-standard_other_font_family_2').css("display","none");273 $('#section-custom_other_font_family_2').css("display","none");274 $('#section-other_font_family_selector_2').css("display","block");275 break;276 case 'Standard Font':277 $('#section-google_other_font_family_2').css("display","none");278 $('#section-standard_other_font_family_2').css("display","block");279 $('#section-custom_other_font_family_2').css("display","none");280 $('#section-other_font_family_selector_2').css("display","block");281 break;282 case 'Custom Font':283 $('#section-google_other_font_family_2').css("display","none");284 $('#section-standard_other_font_family_2').css("display","none");285 $('#section-custom_other_font_family_2').css("display","block");286 $('#section-other_font_family_selector_2').css("display","block");287 break;288 default:289 $('#section-google_other_font_family_2').css("display","none");290 $('#section-standard_other_font_family_2').css("display","none");291 $('#section-custom_other_font_family_2').css("display","none");292 $('#section-other_font_family_selector_2').css("display","none");293 }294 }295 function onLoadFontOther3(body_font_type){296 switch(body_font_type){297 case 'Google Font':298 $('#section-google_other_font_family_3').css("display","block");299 $('#section-standard_other_font_family_3').css("display","none");300 $('#section-custom_other_font_family_3').css("display","none");301 $('#section-other_font_family_selector_3').css("display","block");302 break;303 case 'Standard Font':304 $('#section-google_other_font_family_3').css("display","none");305 $('#section-standard_other_font_family_3').css("display","block");306 $('#section-custom_other_font_family_3').css("display","none");307 $('#section-other_font_family_selector_3').css("display","block");308 break;309 case 'Custom Font':310 $('#section-google_other_font_family_3').css("display","none");311 $('#section-standard_other_font_family_3').css("display","none");312 $('#section-custom_other_font_family_3').css("display","block");313 $('#section-other_font_family_selector_3').css("display","block");314 break;315 default:316 $('#section-google_other_font_family_3').css("display","none");317 $('#section-standard_other_font_family_3').css("display","none");318 $('#section-custom_other_font_family_3').css("display","none");319 $('#section-other_font_family_selector_3').css("display","none");320 }321 }322 function onLoadFontOther4(body_font_type){323 switch(body_font_type){324 case 'Google Font':325 $('#section-google_other_font_family_4').css("display","block");326 $('#section-standard_other_font_family_4').css("display","none");327 $('#section-custom_other_font_family_4').css("display","none");328 $('#section-other_font_family_selector_4').css("display","block");329 break;330 case 'Standard Font':331 $('#section-google_other_font_family_4').css("display","none");332 $('#section-standard_other_font_family_4').css("display","block");333 $('#section-custom_other_font_family_4').css("display","none");334 $('#section-other_font_family_selector_4').css("display","block");335 break;336 case 'Custom Font':337 $('#section-google_other_font_family_4').css("display","none");338 $('#section-standard_other_font_family_4').css("display","none");339 $('#section-custom_other_font_family_4').css("display","block");340 $('#section-other_font_family_selector_4').css("display","block");341 break;342 default:343 $('#section-google_other_font_family_4').css("display","none");344 $('#section-standard_other_font_family_4').css("display","none");345 $('#section-custom_other_font_family_4').css("display","none");346 $('#section-other_font_family_selector_4').css("display","none");347 }348 }349 function onLoadFontOther5(body_font_type){350 switch(body_font_type){351 case 'Google Font':352 $('#section-google_other_font_family_5').css("display","block");353 $('#section-standard_other_font_family_5').css("display","none");354 $('#section-custom_other_font_family_5').css("display","none");355 $('#section-other_font_family_selector_5').css("display","block");356 break;357 case 'Standard Font':358 $('#section-google_other_font_family_5').css("display","none");359 $('#section-standard_other_font_family_5').css("display","block");360 $('#section-custom_other_font_family_5').css("display","none");361 $('#section-other_font_family_selector_5').css("display","block");362 break;363 case 'Custom Font':364 $('#section-google_other_font_family_5').css("display","none");365 $('#section-standard_other_font_family_5').css("display","none");366 $('#section-custom_other_font_family_5').css("display","block");367 $('#section-other_font_family_selector_5').css("display","block");368 break;369 default:370 $('#section-google_other_font_family_5').css("display","none");371 $('#section-standard_other_font_family_5').css("display","none");372 $('#section-custom_other_font_family_5').css("display","none");373 $('#section-other_font_family_selector_5').css("display","none");374 }375 }376 function onLoadFontOther6(body_font_type){377 switch(body_font_type){378 case 'Google Font':379 $('#section-google_other_font_family_6').css("display","block");380 $('#section-standard_other_font_family_6').css("display","none");381 $('#section-custom_other_font_family_6').css("display","none");382 $('#section-other_font_family_selector_6').css("display","block");383 break;384 case 'Standard Font':385 $('#section-google_other_font_family_6').css("display","none");386 $('#section-standard_other_font_family_6').css("display","block");387 $('#section-custom_other_font_family_6').css("display","none");388 $('#section-other_font_family_selector_6').css("display","block");389 break;390 case 'Custom Font':391 $('#section-google_other_font_family_6').css("display","none");392 $('#section-standard_other_font_family_6').css("display","none");393 $('#section-custom_other_font_family_6').css("display","block");394 $('#section-other_font_family_selector_6').css("display","block");395 break;396 default:397 $('#section-google_other_font_family_6').css("display","none");398 $('#section-standard_other_font_family_6').css("display","none");399 $('#section-custom_other_font_family_6').css("display","none");400 $('#section-other_font_family_selector_6').css("display","none");401 }402 }403 function onLoadFontOther7(body_font_type){404 switch(body_font_type){405 case 'Google Font':406 $('#section-google_other_font_family_7').css("display","block");407 $('#section-standard_other_font_family_7').css("display","none");408 $('#section-custom_other_font_family_7').css("display","none");409 $('#section-other_font_family_selector_7').css("display","block");410 break;411 case 'Standard Font':412 $('#section-google_other_font_family_7').css("display","none");413 $('#section-standard_other_font_family_7').css("display","block");414 $('#section-custom_other_font_family_7').css("display","none");415 $('#section-other_font_family_selector_7').css("display","block");416 break;417 case 'Custom Font':418 $('#section-google_other_font_family_7').css("display","none");419 $('#section-standard_other_font_family_7').css("display","none");420 $('#section-custom_other_font_family_7').css("display","block");421 $('#section-other_font_family_selector_7').css("display","block");422 break;423 default:424 $('#section-google_other_font_family_7').css("display","none");425 $('#section-standard_other_font_family_7').css("display","none");426 $('#section-custom_other_font_family_7').css("display","none");427 $('#section-other_font_family_selector_7').css("display","none");428 }429 }430 function onLoadFontOther8(body_font_type){431 switch(body_font_type){432 case 'Google Font':433 $('#section-google_other_font_family_8').css("display","block");434 $('#section-standard_other_font_family_8').css("display","none");435 $('#section-custom_other_font_family_8').css("display","none");436 $('#section-other_font_family_selector_8').css("display","block");437 break;438 case 'Standard Font':439 $('#section-google_other_font_family_8').css("display","none");440 $('#section-standard_other_font_family_8').css("display","block");441 $('#section-custom_other_font_family_8').css("display","none");442 $('#section-other_font_family_selector_8').css("display","block");443 break;444 case 'Custom Font':445 $('#section-google_other_font_family_8').css("display","none");446 $('#section-standard_other_font_family_8').css("display","none");447 $('#section-custom_other_font_family_8').css("display","block");448 $('#section-other_font_family_selector_8').css("display","block");449 break;450 default:451 $('#section-google_other_font_family_8').css("display","none");452 $('#section-standard_other_font_family_8').css("display","none");453 $('#section-custom_other_font_family_8').css("display","none");454 $('#section-other_font_family_selector_8').css("display","none");455 }456 }457 function onLoadFontOther9(body_font_type){458 switch(body_font_type){459 case 'Google Font':460 $('#section-google_other_font_family_5').css("display","block");461 $('#section-standard_other_font_family_9').css("display","none");462 $('#section-custom_other_font_family_9').css("display","none");463 $('#section-other_font_family_selector_9').css("display","block");464 break;465 case 'Standard Font':466 $('#section-google_other_font_family_9').css("display","none");467 $('#section-standard_other_font_family_9').css("display","block");468 $('#section-custom_other_font_family_9').css("display","none");469 $('#section-other_font_family_selector_9').css("display","block");470 break;471 case 'Custom Font':472 $('#section-google_other_font_family_9').css("display","none");473 $('#section-standard_other_font_family_9').css("display","none");474 $('#section-custom_other_font_family_9').css("display","block");475 $('#section-other_font_family_selector_9').css("display","block");476 break;477 default:478 $('#section-google_other_font_family_9').css("display","none");479 $('#section-standard_other_font_family_9').css("display","none");480 $('#section-custom_other_font_family_9').css("display","none");481 $('#section-other_font_family_selector_9').css("display","none");482 }483 }484 function onLoadFontOther10(body_font_type){485 switch(body_font_type){486 case 'Google Font':487 $('#section-google_other_font_family_10').css("display","block");488 $('#section-standard_other_font_family_10').css("display","none");489 $('#section-custom_other_font_family_10').css("display","none");490 $('#section-other_font_family_selector_10').css("display","block");491 break;492 case 'Standard Font':493 $('#section-google_other_font_family_10').css("display","none");494 $('#section-standard_other_font_family_10').css("display","block");495 $('#section-custom_other_font_family_10').css("display","none");496 $('#section-other_font_family_selector_10').css("display","block");497 break;498 case 'Custom Font':499 $('#section-google_other_font_family_10').css("display","none");500 $('#section-standard_other_font_family_10').css("display","none");501 $('#section-custom_other_font_family_10').css("display","block");502 $('#section-other_font_family_selector_10').css("display","block");503 break;504 default:505 $('#section-google_other_font_family_10').css("display","none");506 $('#section-standard_other_font_family_10').css("display","none");507 $('#section-custom_other_font_family_10').css("display","none");508 $('#section-other_font_family_selector_10').css("display","none");509 }510 }511 function setCollumnHeaderWitget(collumn) {512 switch (collumn) {513 case '1':514 $('#section-header_top_widgets_1').css("display","block");515 $('#section-header_top_widgets_2').css("display","none");516 break;517 case '2':518 $('#section-header_top_widgets_1').css("display","block");519 $('#section-header_top_widgets_2').css("display","block");520 break;521 }522 }523 function setCollumnFooterWitget(collumn) {524 switch (collumn) {525 case '1':526 $('#section-footer_top_widgets_1').css("display","block");527 $('#footer_top_widgets_1').val("col-xs-12 col-sm-12 col-md-12 col-lg-12");528 $('#section-footer_top_widgets_2').css("display","none");529 $('#section-footer_top_widgets_3').css("display","none");530 $('#section-footer_top_widgets_4').css("display","none");531 break;532 case '2':533 $('#section-footer_top_widgets_1').css("display","block");534 $('#footer_top_widgets_1').val("col-xs-12 col-sm-6 col-md-6 col-lg-6");535 $('#section-footer_top_widgets_2').css("display","block");536 $('#footer_top_widgets_2').val("col-xs-12 col-sm-6 col-md-6 col-lg-6");537 $('#section-footer_top_widgets_3').css("display","none");538 $('#section-footer_top_widgets_4').css("display","none");539 break;540 case '3':541 $('#section-footer_top_widgets_1').css("display","block");542 $('#footer_top_widgets_1').val("col-xs-12 col-sm-6 col-md-4 col-lg-4");543 $('#section-footer_top_widgets_2').css("display","block");544 $('#footer_top_widgets_2').val("col-xs-12 col-sm-6 col-md-4 col-lg-4");545 $('#section-footer_top_widgets_3').css("display","block");546 $('#footer_top_widgets_3').val("col-xs-12 col-sm-6 col-md-4 col-lg-4");547 $('#section-footer_top_widgets_4').css("display","none");548 break;549 case '4':550 $('#section-footer_top_widgets_1').css("display","block");551 $('#footer_top_widgets_1').val("col-xs-12 col-sm-6 col-md-3 col-lg-3");552 $('#section-footer_top_widgets_2').css("display","block");553 $('#footer_top_widgets_2').val("col-xs-12 col-sm-6 col-md-3 col-lg-3");554 $('#section-footer_top_widgets_3').css("display","block");555 $('#footer_top_widgets_3').val("col-xs-12 col-sm-6 col-md-3 col-lg-3");556 $('#section-footer_top_widgets_4').css("display","block");557 $('#footer_top_widgets_4').val("col-xs-12 col-sm-6 col-md-3 col-lg-3");558 break;559 }560 }561 function setCollumnFooterBottomWitget(collumn) {562 switch (collumn) {563 case '1':564 $('#section-footer_bottom_widgets_1').css("display","block");565 $('#section-footer_bottom_widgets_2').css("display","none");566 break;567 case '2':568 $('#section-footer_bottom_widgets_1').css("display","block");569 $('#section-footer_bottom_widgets_2').css("display","block");570 break;571 }572 }573 jQuery('#sample').click(function(){574 jQuery('#msg').html(' Loading');575 var select_data = jQuery('#select_data').val();576 if(select_data=='all'){577 jQuery(this).attr('disabled','true');578 }579 jQuery.ajax({580 type: 'POST',581 url: ajaxurl,582 data: {583 'action': 'sample',584 'data': jQuery('#theme').val(),585 'select_data': select_data586 },587 success: function(data, textStatus, XMLHttpRequest){588 if(data.indexOf('import_complete')!=-1)589 jQuery('#msg').html(' Import is Completed');590 }591 });592 });593594});595
...
typography.js
Source:typography.js
1/**2=========================================================3* Material Dashboard 2 React - v2.1.04=========================================================5* Product Page: https://www.creative-tim.com/product/material-dashboard-react6* Copyright 2022 Creative Tim (https://www.creative-tim.com)7Coded by www.creative-tim.com8 =========================================================9* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.10*/11/**12 * The base typography styles for the Material Dashboard 2 PRO React.13 * You can add new typography style using this file.14 * You can customized the typography styles for the entire Material Dashboard 2 PRO React using thie file.15 */16// Material Dashboard 2 React Base Styles17import colors from "assets/theme/base/colors";18// Material Dashboard 2 React Helper Functions19import pxToRem from "assets/theme/functions/pxToRem";20const { dark } = colors;21const baseProperties = {22 fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',23 fontWeightLighter: 100,24 fontWeightLight: 300,25 fontWeightRegular: 400,26 fontWeightMedium: 600,27 fontWeightBold: 700,28 fontSizeXXS: pxToRem(10.4),29 fontSizeXS: pxToRem(12),30 fontSizeSM: pxToRem(14),31 fontSizeMD: pxToRem(16),32 fontSizeLG: pxToRem(18),33 fontSizeXL: pxToRem(20),34 fontSize2XL: pxToRem(24),35 fontSize3XL: pxToRem(30),36};37const baseHeadingProperties = {38 fontFamily: baseProperties.fontFamily,39 color: dark.main,40 fontWeight: baseProperties.fontWeightBold,41};42const baseDisplayProperties = {43 fontFamily: baseProperties.fontFamily,44 color: dark.main,45 fontWeight: baseProperties.fontWeightLight,46 lineHeight: 1.2,47};48const typography = {49 fontFamily: baseProperties.fontFamily,50 fontWeightLighter: baseProperties.fontWeightLighter,51 fontWeightLight: baseProperties.fontWeightLight,52 fontWeightRegular: baseProperties.fontWeightRegular,53 fontWeightMedium: baseProperties.fontWeightMedium,54 fontWeightBold: baseProperties.fontWeightBold,55 h1: {56 fontSize: pxToRem(48),57 lineHeight: 1.25,58 ...baseHeadingProperties,59 },60 h2: {61 fontSize: pxToRem(36),62 lineHeight: 1.3,63 ...baseHeadingProperties,64 },65 h3: {66 fontSize: pxToRem(30),67 lineHeight: 1.375,68 ...baseHeadingProperties,69 },70 h4: {71 fontSize: pxToRem(24),72 lineHeight: 1.375,73 ...baseHeadingProperties,74 },75 h5: {76 fontSize: pxToRem(20),77 lineHeight: 1.375,78 ...baseHeadingProperties,79 },80 h6: {81 fontSize: pxToRem(16),82 lineHeight: 1.625,83 ...baseHeadingProperties,84 },85 subtitle1: {86 fontFamily: baseProperties.fontFamily,87 fontSize: baseProperties.fontSizeXL,88 fontWeight: baseProperties.fontWeightLight,89 lineHeight: 1.625,90 },91 subtitle2: {92 fontFamily: baseProperties.fontFamily,93 fontSize: baseProperties.fontSizeMD,94 fontWeight: baseProperties.fontWeightLight,95 lineHeight: 1.6,96 },97 body1: {98 fontFamily: baseProperties.fontFamily,99 fontSize: baseProperties.fontSizeXL,100 fontWeight: baseProperties.fontWeightRegular,101 lineHeight: 1.625,102 },103 body2: {104 fontFamily: baseProperties.fontFamily,105 fontSize: baseProperties.fontSizeMD,106 fontWeight: baseProperties.fontWeightLight,107 lineHeight: 1.6,108 },109 button: {110 fontFamily: baseProperties.fontFamily,111 fontSize: baseProperties.fontSizeSM,112 fontWeight: baseProperties.fontWeightLight,113 lineHeight: 1.5,114 textTransform: "uppercase",115 },116 caption: {117 fontFamily: baseProperties.fontFamily,118 fontSize: baseProperties.fontSizeXS,119 fontWeight: baseProperties.fontWeightLight,120 lineHeight: 1.25,121 },122 overline: {123 fontFamily: baseProperties.fontFamily,124 },125 d1: {126 fontSize: pxToRem(80),127 ...baseDisplayProperties,128 },129 d2: {130 fontSize: pxToRem(72),131 ...baseDisplayProperties,132 },133 d3: {134 fontSize: pxToRem(64),135 ...baseDisplayProperties,136 },137 d4: {138 fontSize: pxToRem(56),139 ...baseDisplayProperties,140 },141 d5: {142 fontSize: pxToRem(48),143 ...baseDisplayProperties,144 },145 d6: {146 fontSize: pxToRem(40),147 ...baseDisplayProperties,148 },149 size: {150 xxs: baseProperties.fontSizeXXS,151 xs: baseProperties.fontSizeXS,152 sm: baseProperties.fontSizeSM,153 md: baseProperties.fontSizeMD,154 lg: baseProperties.fontSizeLG,155 xl: baseProperties.fontSizeXL,156 "2xl": baseProperties.fontSize2XL,157 "3xl": baseProperties.fontSize3XL,158 },159 lineHeight: {160 sm: 1.25,161 md: 1.5,162 lg: 2,163 },164};...
Using AI Code Generation
1var wpt = require('webpagetest');2var wpt = new WebPageTest('www.webpagetest.org');3 if (err) return console.error(err);4 console.log('Test started: ' + data.data.testId);5 console.log('View your test at: ' + data.data.userUrl);6});7 if (err) return console.error(err);8 console.log('Test started: ' + data.data.testId);9 console.log('View your test at: ' + data.data.userUrl);10});11 if (err) return console.error(err);12 console.log('Test started: ' + data.data.testId);13 console.log('View your test at: ' + data.data.userUrl);14});15 if (err) return console.error(err);16 console.log('Test started: ' + data.data.testId);17 console.log('View your test at: ' + data.data.userUrl);18});19 if (err) return console.error(err);20 console.log('Test started: ' + data.data.testId);21 console.log('View your test at: ' + data.data.userUrl);22});23 if (err) return console.error(err);24 console.log('Test started: ' + data.data.testId
Using AI Code Generation
1var wptools = require('wptools');2var font = wptools.font('Arial');3font.getGlyphs(function(err, glyphs) {4 if (err) console.log(err);5 else console.log(glyphs);6});
Using AI Code Generation
1var font = require('wptexturize').Font;2font.test();3var font = require('wptexturize').Font;4font.test();5var font = require('wptexturize').Font;6font.test();
Using AI Code Generation
1var font = new Font();2var text = font.wptexturize("This is a test");3var font = new Font();4var text = font.wpautop("This is a test");5var font = new Font();6var text = font.convert_smilies("This is a test");7var font = new Font();8var text = font.capital_P_dangit("This is a test");9var font = new Font();10var text = font.wp_specialchars("This is a test");11var font = new Font();12var text = font.wp_specialchars("This is a test");13var font = new Font();14var text = font.wp_strip_all_tags("This is a test");15var font = new Font();16var text = font.wp_filter_kses("This is a test");17var font = new Font();18var text = font.wp_filter_post_kses("This is a test");19var font = new Font();20var text = font.wp_rel_nofollow("This is a test");21var font = new Font();22var text = font.wp_targeted_link_rel("This is a test");23var font = new Font();24var text = font.wp_make_content_images_responsive("This is a test");25var font = new Font();26var text = font.wp_make_content_images_responsive("This is a test");27var font = new Font();28var text = font.wp_filter_content_tags("This is a test");29var font = new Font();30var text = font.wp_filter_nohtml_kses("This is a test");31var font = new Font();
Using AI Code Generation
1var wptexturize = require('wptexturize');2var text = 'This is a test for wptexturize';3var result = wptexturize(text);4var wptexturize = require('wptexturize');5var text = 'This is a test for wptexturize';6var result = text.wptexturize();7var wptexturize = require('wptexturize');8var text = 'This is a test for wptexturize';9var settings = {10};11var result = wptexturize(text, settings);12var wptexturize = require('wptexturize');13var text = 'This is a test for wptexturize';14var settings = {15};16var result = text.wptexturize(settings);17var wptexturize = require('wptexturize');18var text = 'This is a test for wptexturize';19var settings = {20};21var cache = {
Using AI Code Generation
1var wptextbox = require('wptextbox');2var font = new wptextbox.Font();3font.loadFromFile("font.ttf");4font.size = 14;5font.color = "#FF0000";6font.italic = true;7font.bold = true;8font.underline = true;9font.strikeout = true;10font.shadow = true;11font.shadowColor = "#0000FF";12font.shadowOffsetX = 1;13font.shadowOffsetY = 1;14font.shadowBlur = 1;15font.outline = true;16font.outlineColor = "#00FF00";17font.outlineSize = 1;18font.kerning = true;19font.spacing = 1;20font.lineSpacing = 1;21var rect = new wptextbox.Rectangle(0, 0, 100, 100);22var textbox = new wptextbox.TextBox();23textbox.font = font;24textbox.text = "Hello World!";25textbox.rectangle = rect;26textbox.draw();27var wptextbox = require('wptextbox');28var font = new wptextbox.Font();29font.loadFromFile("font.ttf");30font.size = 14;31font.color = "#FF0000";32font.italic = true;33font.bold = true;34font.underline = true;35font.strikeout = true;36font.shadow = true;37font.shadowColor = "#0000FF";38font.shadowOffsetX = 1;39font.shadowOffsetY = 1;40font.shadowBlur = 1;41font.outline = true;42font.outlineColor = "#00FF00";43font.outlineSize = 1;44font.kerning = true;45font.spacing = 1;46font.lineSpacing = 1;47var rect = new wptextbox.Rectangle(0, 0, 100, 100);48var textbox = new wptextbox.TextBox();49textbox.font = font;50textbox.text = "Hello World!";51textbox.rectangle = rect;52textbox.draw();53var wptextbox = require('wptextbox');54var font = new wptextbox.Font();55font.loadFromFile("font.ttf");56font.size = 14;57font.color = "#FF0000";58font.italic = true;59font.bold = true;
Using AI Code Generation
1var text = "This is a test";2var font = new Font();3font.name = "Times";4font.size = 12;5font.style = "italic";6font.color = "red";7font.bold = true;8var font2 = new Font();9font2.name = "Arial";10font2.size = 12;11font2.style = "italic";12font2.color = "blue";13font2.bold = true;14var texturized = wptexturize(text, [font, font2]);15alert(texturized);16var text = "This is a test";17var font = new Font();18font.name = "Times";19font.size = 12;20font.style = "italic";21font.color = "red";22font.bold = true;23var font2 = new Font();24font2.name = "Arial";25font2.size = 12;26font2.style = "italic";27font2.color = "blue";28font2.bold = true;29var texturized = wptexturize(text, [font, font2]);30alert(texturized);31var text = "This is a test";32var font = new Font();33font.name = "Times";34font.size = 12;35font.style = "italic";36font.color = "red";37font.bold = true;38var font2 = new Font();39font2.name = "Arial";40font2.size = 12;41font2.style = "italic";42font2.color = "blue";43font2.bold = true;44var texturized = wptexturize(text, [font, font2]);45alert(texturized);46var text = "This is a test";47var font = new Font();48font.name = "Times";49font.size = 12;50font.style = "italic";51font.color = "red";52font.bold = true;53var font2 = new Font();54font2.name = "Arial";55font2.size = 12;56font2.style = "italic";57font2.color = "blue";58font2.bold = true;
Using AI Code Generation
1var wpt = require('wpt');2var font = new wpt.Font();3 if (err) {4 console.log(err);5 } else {6 console.log(data);7 }8});9{ fontName: 'Arial',10 fontNameAndSize: 'Arial, 11.0' }
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run wpt automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
