{"id":1725,"date":"2024-09-19T17:44:45","date_gmt":"2024-09-19T20:44:45","guid":{"rendered":"https:\/\/www.annalapersonalizados.com.br\/loja\/?page_id=1725"},"modified":"2024-09-19T18:00:08","modified_gmt":"2024-09-19T21:00:08","slug":"fonte","status":"publish","type":"page","link":"https:\/\/www.annalapersonalizados.com.br\/loja\/fonte\/","title":{"rendered":"fonte"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Visualizador de Fontes<\/title>\r\n <style>\r\n \/* Estilos b\u00e1sicos *\/\r\n body {\r\n font-family: Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n \r\n margin: 0;\r\n background-color: #e0d0fe;\r\n }\r\n\r\n .container {\r\n text-align: center;\r\n background-color: #f8e1ff;\r\n padding: 20px;\r\n border-radius: 10px;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n overflow-y: auto;\r\n }\r\n\r\n h1 {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n input[type=\"text\"] {\r\n width: 60%;\r\n padding: 30px;\r\n font-size: 20px;\r\n margin-bottom: 20px;\r\n\r\n }\r\n\r\n .font-display {\r\n margin-top: 20px;\r\n text-align: center;\r\n\r\n }\r\n\r\n .font-item {\r\n margin-bottom: 30px;\r\n border-bottom: solid 1px #6d08ba;\r\n padding: 20px;\r\n }\r\n\r\n .font-name {\r\n font-size: 18px;\r\n color: #333;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .font-preview {\r\n font-size: 50px;\r\n color: #6d08ba;\r\n\r\n }\r\n\r\n \/* Responsividade para dispositivos m\u00f3veis *\/\r\n @media (max-width: 768px) {\r\n .font-preview {\r\n font-size: 35px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .font-name {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n \/* Adicionando fontes com @font-face *\/\r\n @font-face {\r\n font-family: 'Brushell Silhouette';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/BrushellSilhouette.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Airnon';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Airnon.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Soda Cream';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/SodaCream.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Bluffolk';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Bluffolk.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Maghelia';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Maghelia-Regular.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Warpen';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Warpen.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Grand Casino';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/GrandCasinoDemo.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'White Apricot';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/WhiteApricot.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Fawkes';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Fawkes.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Miroles';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/MIROLES.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Quirk Chick';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/QuirkChick.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Rustic Barn';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/RusticBarn.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Soda Shake';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/SodaShake.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Paradise Silhouette';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/ParadiseSilhouette.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Riverside Forest';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/DemoRiversideForestStamp.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Ridenation';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Ridenation.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Coffee Soda';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/CoffeeSoda.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Varsity';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Varsity.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'MADE Carving Soft';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/MADECarvingSoftPERSONALUSE-Black.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Nexa';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Nexa-ExtraLight.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Rows of Sunflowers';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/RowsOfSunflowers.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Joseph Sophia';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/JosephSophia.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Hello';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Hello.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Old London';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/OldLondon.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Cocogoose';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/Cocogoose-Pro-Bold-trial.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Aston Script';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/AstonScript.ttf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Sylvia Angel';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/SylviaAngel.otf') format('truetype');\r\n }\r\n\r\n @font-face {\r\n font-family: 'Simple Birthday';\r\n src: url('https:\/\/www.annalapersonalizados.com.br\/fonts\/SimpleBirthday.otf') format('truetype');\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>Digite seu nome abaixo e escolha a sua fonte<\/h1>\r\n <input type=\"text\" id=\"userInput\" placeholder=\"DIGITE SEU TEXTO AQUI\" maxlength=\"80\" oninput=\"updateText()\" \/>\r\n <div class=\"font-display\">\r\n \t<div class=\"font-item\">\r\n <div class=\"font-name\">Airnon <b>1<\/b><\/div>\r\n <div id=\"output-airnon\" class=\"font-preview\" style=\"font-family: 'Airnon';\"> <\/div>\r\n \t<\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Aston Script <b>2<\/b><\/div>\r\n <div id=\"output-AstonScript\" class=\"font-preview\" style=\"font-family: 'Aston Script';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Brushell Silhouette <b>3<\/b><\/div>\r\n <div id=\"output-BrushellSilhouette\" class=\"font-preview\" style=\"font-family: 'Brushell Silhouette';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Cocogoose <b>4<\/b><\/div>\r\n <div id=\"output-Cocogoose-Pro-Bold-trial\" class=\"font-preview\" style=\"font-family: 'Cocogoose';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Coffee Soda <b>5<\/b><\/div>\r\n <div id=\"output-CoffeeSoda\" class=\"font-preview\" style=\"font-family: 'Coffee Soda';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Riverside Forest <b>6<\/b><\/div>\r\n <div id=\"output-DemoRiversideForestStamp\" class=\"font-preview\" style=\"font-family: 'Riverside Forest';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Fawkes <b>7<\/b><\/div>\r\n <div id=\"output-Fawkes\" class=\"font-preview\" style=\"font-family: 'Fawkes';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Grand Casino <b>8<\/b><\/div>\r\n <div id=\"output-GrandCasinoDemo\" class=\"font-preview\" style=\"font-family: 'Grand Casino';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Hello <b>9<\/b><\/div>\r\n <div id=\"output-Hello\" class=\"font-preview\" style=\"font-family: 'Hello';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Joseph Sophia <b>10<\/b><\/div>\r\n <div id=\"output-JosephSophia\" class=\"font-preview\" style=\"font-family: 'Joseph Sophia';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Carving Soft <b>11<\/b><\/div>\r\n <div id=\"output-MADECarvingSoftPERSONALUSE-Black\" class=\"font-preview\" style=\"font-family: 'MADE Carving Soft';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Maghelia <b>12<\/b><\/div>\r\n <div id=\"output-Maghelia-Regular\" class=\"font-preview\" style=\"font-family: 'Maghelia';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">MIROLES <b>13<\/b><\/div>\r\n <div id=\"output-MIROLES\" class=\"font-preview\" style=\"font-family: 'MIROLES';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Nexa <b>14<\/b><\/div>\r\n <div id=\"output-Nexa-ExtraLight\" class=\"font-preview\" style=\"font-family: 'Nexa';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Old London <b>15<\/b><\/div>\r\n <div id=\"output-OldLondon\" class=\"font-preview\" style=\"font-family: 'Old London';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Paradise Silhouette <b>16<\/b><\/div>\r\n <div id=\"output-ParadiseSilhouette\" class=\"font-preview\" style=\"font-family: 'Paradise Silhouette';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Quirk Chick <b>17<\/b><\/div>\r\n <div id=\"output-QuirkChick\" class=\"font-preview\" style=\"font-family: 'Quirk Chick';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Rows of Sunflowers <b>18<\/b><\/div>\r\n <div id=\"output-RowsOfSunflowers\" class=\"font-preview\" style=\"font-family: 'Rows of Sunflowers';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Rustic Barn <b>19<\/b><\/div>\r\n <div id=\"output-RusticBarn\" class=\"font-preview\" style=\"font-family: 'Rustic Barn';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Simple Birthday <b>20<\/b><\/div>\r\n <div id=\"output-SimpleBirthday\" class=\"font-preview\" style=\"font-family: 'Simple Birthday';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Soda Shake <b>21<\/b><\/div>\r\n <div id=\"output-SodaShake\" class=\"font-preview\" style=\"font-family: 'Soda Shake';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Sylvia Angel <b>22<\/b><\/div>\r\n <div id=\"output-SylviaAngel\" class=\"font-preview\" style=\"font-family: 'Sylvia Angel';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">Warpen <b>23<\/b><\/div>\r\n <div id=\"output-Warpen\" class=\"font-preview\" style=\"font-family: 'Warpen';\"> <\/div>\r\n <\/div>\r\n\r\n <div class=\"font-item\">\r\n <div class=\"font-name\">White Apricot <b>24<\/b><\/div>\r\n <div id=\"output-WhiteApricot\" class=\"font-preview\" style=\"font-family: 'White Apricot';\"> <\/div>\r\n <\/div> \r\n\r\n \r\n <!-- Repetir para todas as fontes que voc\u00ea mencionou -->\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function updateText() {\r\n const input = document.getElementById('userInput').value || \" \";\r\n\r\n \/\/ Atualiza o texto para todas as fontes\r\n document.getElementById('output-airnon').textContent = input;\r\n document.getElementById('output-AstonScript').textContent = input;\r\n document.getElementById('output-BrushellSilhouette').textContent = input;\r\n document.getElementById('output-Cocogoose-Pro-Bold-trial').textContent = input;\r\n document.getElementById('output-CoffeeSoda').textContent = input;\r\n document.getElementById('output-DemoRiversideForestStamp').textContent = input;\r\n document.getElementById('output-Fawkes').textContent = input;\r\n document.getElementById('output-GrandCasinoDemo').textContent = input;\r\n document.getElementById('output-Hello').textContent = input;\r\n document.getElementById('output-JosephSophia').textContent = input;\r\n document.getElementById('output-MADECarvingSoftPERSONALUSE-Black').textContent = input;\r\n document.getElementById('output-Maghelia-Regular').textContent = input;\r\n document.getElementById('output-MIROLES').textContent = input;\r\n document.getElementById('output-Nexa-ExtraLight').textContent = input;\r\n document.getElementById('output-OldLondon').textContent = input;\r\n document.getElementById('output-ParadiseSilhouette').textContent = input;\r\n document.getElementById('output-QuirkChick').textContent = input;\r\n document.getElementById('output-RowsOfSunflowers').textContent = input;\r\n document.getElementById('output-RusticBarn').textContent = input;\r\n document.getElementById('output-SimpleBirthday').textContent = input;\r\n document.getElementById('output-SodaShake').textContent = input;\r\n document.getElementById('output-SylviaAngel').textContent = input;\r\n document.getElementById('output-Warpen').textContent = input;\r\n document.getElementById('output-WhiteApricot').textContent = input;\r\n \/\/ Adicionar para as outras fontes...\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Visualizador de Fontes Digite seu nome abaixo e escolha a sua fonte Airnon 1 Aston Script 2 Brushell Silhouette 3 Cocogoose 4 Coffee Soda 5 Riverside Forest 6 Fawkes 7<\/p>\n","protected":false},"author":29,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1725","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/pages\/1725"}],"collection":[{"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/comments?post=1725"}],"version-history":[{"count":13,"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/pages\/1725\/revisions"}],"predecessor-version":[{"id":1739,"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/pages\/1725\/revisions\/1739"}],"wp:attachment":[{"href":"https:\/\/www.annalapersonalizados.com.br\/loja\/wp-json\/wp\/v2\/media?parent=1725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}