The "fancy text generator website" takes a text input and outputs it into different fonts.
I would like to extract the fonts used.
I don't know anything about HTML i searched around in the source code to try and find the fonts. I also tried the network tab in devtools and filtered for fonts.
They're not fonts but unicode characters. :)
Here's how itโs done...
<!DOCTYPE html>
<head>
</head>
<body onload="alert(GetUnicodeText('We are not fonts!',1));">
<script type="text/javascript">
//-------------------------------------------------------------------------------------
function GetUnicodeText(Text,Style){
const T=[
'0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
'๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐๐๐๐๐๐
๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐',
'๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐
๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ',
'0123456789๐๐๐๐๐๐๐โ๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐
๐๐๐๐๐๐๐๐',
'0123456789๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก',
'0123456789๐๐๐๐
๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐',
'0123456789๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐
๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐',
'0123456789๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐๐
โญ๐๐๐๐โโ๐๐๐๐๐๐๐๐โ๐๐๐๐๐๐๐โจ',
'0123456789๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐
',
'๐๐๐๐๐๐๐๐๐ ๐ก๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ๐ช๐ซ๐ธ๐นโ๐ป๐ผ๐ฝ๐พโ๐๐๐๐๐โ๐โโโ๐๐๐๐๐๐๐โค',
'0123456789๐ถ๐ท๐ธ๐นโฏ๐ปโ๐ฝ๐พ๐ฟ๐๐๐๐โด๐
๐๐๐๐๐๐๐๐๐๐๐โฌ๐๐โฐโฑ๐ขโโ๐ฅ๐ฆโโณ๐ฉ๐ช๐ซ๐ฌโ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต',
'0123456789๐ช๐ซ๐ฌ๐ญ๐ฎ๐ฏ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ค๐ฅ๐ฆ๐ง๐จ๐ฉ',
'0123456789แดสแดแด
แดาษขสษชแดแดสแดษดแดแดวซสsแดแดแด แดกxสแดขABCDEFGHIJKLMNOPQRSTUVWXYZ',
'0๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐ ๐ก๐ข๐ฃ๐ฐ๐ฑ๐ฒ๐ณ๐ด๐ต๐ถ๐ท๐ธ๐น๐บ๐ป๐ผ๐ฝ๐พ๐ฟ๐๐๐๐๐๐
๐๐๐๐',
'0123456789ษqษpวษฦษฅฤฑษพสืษฏuodbษนsสnสสxสzโqฯฝแกฦโฒฦHIลฟสหฅWNOิแฝแดSโฅโฉฮMXสZ',
'0123456789แฉแทแแชEแดGแผIแKแชแฐแOแญแซแแTแแฏแฏแญYแแฉแทแแชEแดGแผIแKแชแฐแOแญแซแแTแแฏแฏแญYแ',
'๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ
๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ผก๏ผข๏ผฃ๏ผค๏ผฅ๏ผฆ๏ผง๏ผจ๏ผฉ๏ผช๏ผซ๏ผฌ๏ผญ๏ผฎ๏ผฏ๏ผฐ๏ผฑ๏ผฒ๏ผณ๏ผด๏ผต๏ผถ๏ผท๏ผธ๏ผน๏ผบ',
'0123456789๊ฌ๊ณ๊๊ฏ๊๊ฐ๊๊๊๊ป๊๊๊ต๊๊ฒ๊ฃ๊ฐ๊ช๊๊๊ค๊ฆ๊
๊ง๊ฆ๊ด๊ฌ๊ณ๊๊ฏ๊๊ฐ๊๊๊๊ป๊๊๊ต๊๊ฒ๊ฃ๊ฐ๊ช๊๊๊ค๊ฆ๊
๊ง๊ฆ๊ด',
'โชโ โกโขโฃโคโฅโฆโงโจโโโโโโโโโโโโโโโโโ โกโขโฃโคโฅโฆโงโจโฉโถโทโธโนโบโปโผโฝโพโฟโโโโโโ
โโโโโโโโโโ'];
const Symbols=[...T[Style]]; var S='', n=0;
for(var i=0; i<Text.length; i++){n=T[0].indexOf(Text.charAt(i)); if(n>-1){S+=Symbols[n];} else {S+=Text.charAt(i);}}
if(Style==14){S=S.split('').reverse().join('');} return S;}
//-------------------------------------------------------------------------------------
</script>
</body>
</html>
Have fun!
A little explanation as to how this is possible:
If you go through the Unicode character range you'll find that it's about 10,000 characters long and along the way as you explore them you'll find many interesting (A..Z) characters some of which can be used to simulate a new font as I've done in the code above.
Here's an excellent site for exploring Unicode charactersโฆ Site