thenitesharya

Fonts Generator Embed Code - Create your own Fonts Generator Websites

Jan 26th, 2021
629
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en-US" prefix="og: http://ogp.me/ns#">
  3. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  4.  
  5. <head>
  6. <style>
  7. .input-box {
  8.     position: relative;
  9.     -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
  10.     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  11.     box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
  12.     border-radius: 5px;
  13.     background: linear-gradient(
  14. 130deg
  15. ,#ff7a18,#af002d 41.07%,#319197 76.05%);
  16.     padding: 5px;
  17.     width: 100%;
  18.     box-sizing: border-box;
  19. }
  20. #thenitesharya-text {
  21.     resize: none;
  22.     border: none;
  23.     outline: none;
  24.     width: 98%;
  25.     height: 55px;
  26.     padding: 1%;
  27.     font-size: 1.25em;
  28.     text-align: center;
  29.     font-family: open sans,sans-serif;
  30. }
  31. .thenitesharya-text .clear {
  32.     position: absolute;
  33.     top: 5px;
  34.     right: 5px;
  35.     color: #de0707;
  36.     font-size: 20px;
  37.     padding: 7px 20px;
  38.     line-height: 1.5;
  39.     background: transparent;
  40.     border: none;
  41.     z-index: 99999;
  42.     border-radius: 3px;
  43.     cursor: pointer;
  44.     outline: none;
  45. }
  46. .aryafonts{
  47.     position: relative;
  48. }
  49. .aryafonts p {
  50.     background: #fff;
  51.     font-family: Arial Unicode MS,lucida grande,tahoma,verdana,arial,sans-serif;
  52.     margin-bottom: 10px;
  53.     border-radius: 7px;
  54.     cursor: pointer;
  55.     width: 100%;
  56.     margin: 8px 0;
  57.     display: block;
  58.     border: 1px solid #ccc;
  59.     box-shadow: inset 0 1px 3px #ddd;
  60.     border-radius: 4px;
  61.     -webkit-box-sizing: border-box;
  62.     -moz-box-sizing: border-box;
  63.     box-sizing: border-box;
  64.     padding-left: 20px;
  65.     padding-right: 20px;
  66.     padding-top: 12px;
  67.     padding-bottom: 12px;
  68.     font-size: 22px;
  69. }
  70. .aryafonts button{
  71. background:#fff;
  72. border:1px solid #319197;
  73. border-radius:3px;
  74. color:#319197;
  75. position:absolute;
  76. padding:8px 10px;
  77. top:16px;
  78. right:10px;
  79. }
  80. .aryafonts span {
  81.     color: #c5c5c5;
  82.     font-size: 11px;
  83.     text-transform: uppercase;
  84. }
  85.  
  86. p.copied {
  87. position: fixed;
  88. width: 260px;
  89. right: 0;
  90. top: 50%;
  91. background: #319197;
  92. color: #fff;
  93. padding: 5px 10px;
  94. border-radius: 3px 0 0 3px;
  95. z-index: 99999;
  96. box-shadow: 0px 0px 4px 0 rgba(0,0,0,.21);
  97. }
  98. p.copied span {
  99. float: left;
  100. width: 100%;
  101. }
  102. p.copied .text {
  103. background: transparent;
  104. color: #fff;
  105. border: none;
  106. width: 100%;
  107. }
  108.  
  109. #load-more {
  110.     font-size: 20px;
  111.     padding: 12px 35px;
  112.     border: 2px solid #319197;
  113.     color: #319197;
  114.     margin: 10px 0 5px 0;
  115.     cursor: pointer;
  116.     background: #fff;
  117.     text-align: center;
  118.     outline: none;
  119.     border-radius: 3px;
  120. }
  121.  
  122. #load-more:hover{
  123.     background: #319197;
  124.     color: #fff;
  125. }
  126. .copyright-area {
  127. width: 100%;
  128. text-align: center;
  129. padding: 5px 0;
  130. color: #777;
  131. margin-top: 15px;
  132. }
  133. </style>  
  134. </head>
  135.  
  136. <body>
  137.  
  138. <!--input section start-->
  139.     <div class="thenitesharya-text">
  140.         <div class="arya-container">
  141.     <div class="input-box"><textarea id="thenitesharya-text" placeholder="Type or paste your text here :)"></textarea><button class="clear">X</button></div>
  142.     </div>
  143.     </div>
  144. <!--input section end-->
  145.  
  146. <!--aryafontsmain start-->
  147. <div class="aryafontsmain">
  148.     <div class="aryafontslist">
  149.         <h2>Common Fonts</h2>
  150.         <div class="aryafonts"><span>Old English</span>
  151.             <p class="oldEnglishCharMap">Old english text generator loading...</p>
  152.         </div>
  153.         <div class="aryafonts"><span>Medieval</span>
  154.             <p class="medievalCharMap">Medieval english text generator loading...</p>
  155.         </div>
  156.         <div class="aryafonts"><span>Cursive</span>
  157.             <p class="cursiveCharMap">Cursive text generator loading...</p>
  158.         </div>
  159.         <div class="aryafonts"><span>Scriptify</span>
  160.             <p class="scriptify">Scriptify type fancy text loading...</p>
  161.         </div>
  162.         <div class="aryafonts"><span>Double Struck</span>
  163.             <p class="doubleStruckCharMap">Double struck text loading...</p>
  164.         </div>
  165.         <div class="aryafonts"><span>Italic</span>
  166.             <p class="italicCharMap">Italic type text generator loading.../p&gt; </p>
  167.         </div>
  168.         <div class="aryafonts"><span>Bold Italic</span>
  169.             <p class="boldItalicCharMap">Bold Italic type text generator loading...</p>
  170.         </div>
  171.         <div class="aryafonts"><span>Mono Space</span>
  172.             <p class="monospaceCharMap">Mono space type text generator loading...</p>
  173.         </div>
  174.         <div class="aryafonts"><span>Lunitools bubbles</span>
  175.             <p class="lunitoolsbubbles">Lunitools bubbles type text loading...</p>
  176.         </div>
  177.         <div class="aryafonts"><span>Inverted Squares</span>
  178.             <p class="invertedSquaresCharMap">Inverted squares type text loading...</p>
  179.         </div>
  180.         <div class="aryafonts"><span>Fat Text</span>
  181.             <p class="result result-s7">FAT Text Fonts loading...</p>
  182.         </div>
  183.         <div class="aryafonts"><span>WideText</span>
  184.             <p class="wideTextCharMap">Wide type text generator loading...</p>
  185.         </div>
  186.         <div class="aryafonts"><span>Bold</span>
  187.             <p class="boldCharMap">Bold text generator loading...</p>
  188.         </div>
  189.         <div class="aryafonts"><span>Luni Tools Flip</span>
  190.             <p class="lunitoolsflipencode">Flip text generator loading...</p>
  191.         </div>
  192.         <div class="aryafonts"><span>Reverse Mirror</span>
  193.             <p class="result result-s4">Reverse mirror type text generator loading...</p>
  194.         </div>
  195.         <div class="aryafonts"><span>Squares</span>
  196.             <p class="squaresCharMap">Squares text generator loading...</p>
  197.         </div>
  198.         <div class="aryafonts"><span>Luni Tools Mirror</span>
  199.             <p class="lunitoolsmirrorencode">Mirror text generator loading...</p>
  200.         </div>
  201.  
  202.         <div class="ads">
  203.             <center> </center>
  204.         </div>
  205.         <h2>Lines Text Fonts</h2>
  206.         <div class="aryafonts"><span>Strike Through</span>
  207.             <p class="strikeThrough">Strike through Text Fonts...</p>
  208.         </div>
  209.         <div class="aryafonts"><span>Tilde Strike Through</span>
  210.             <p class="tildeStrikeThrough">Tilde strike through Text Fonts...</p>
  211.         </div>
  212.         <div class="aryafonts"><span>Slash Through</span>
  213.             <p class="result result-s29">Slash through Text Fonts...</p>
  214.         </div>
  215.         <div class="aryafonts"><span>Slash Through</span>
  216.             <p class="slashThrough">Slash through 2 Text Fonts...</p>
  217.         </div>
  218.         <div class="aryafonts"><span>Underline</span>
  219.             <p class="underline">Underline Text Fonts...</p>
  220.         </div>
  221.         <div class="aryafonts"><span>Double Underline</span>
  222.             <p class="doubleUnderline">Double underline Text Fonts...</p>
  223.         </div>
  224.         <div class="aryafonts"><span>Arrow Underline</span>
  225.             <p class="result result-s30">Arrow underline Text Fonts...</p>
  226.         </div>
  227.  
  228.  
  229.         <div class="ads">
  230.             <center> </center>
  231.         </div>
  232.  
  233.         <h2>Squiggle Text Fonts</h2>
  234.         <div class="aryafonts"><span>Squiggle</span>
  235.             <p class="squiggleCharMap">Squiggle 1 Text Fonts...</p>
  236.         </div>
  237.         <div class="aryafonts"><span>Squiggle2</span>
  238.             <p class="squiggle2CharMap">Squiggle 2 Text Fonts...</p>
  239.         </div>
  240.         <div class="aryafonts"><span>Squiggle3</span>
  241.             <p class="squiggle3CharMap">Squiggle 3 Text Fonts...</p>
  242.         </div>
  243.         <div class="aryafonts"><span>Squiggle4</span>
  244.             <p class="squiggle4CharMap">Squiggle 4 Text Fonts...</p>
  245.         </div>
  246.         <div class="aryafonts"><span>Squiggle5</span>
  247.             <p class="squiggle5CharMap">Squiggle 5 Text Fonts...</p>
  248.         </div>
  249.         <div class="aryafonts"><span>Squiggle6</span>
  250.             <p class="squiggle6CharMap">Squiggle 6 Text Fonts...</p>
  251.         </div>
  252.         <div class="aryafonts"><span>Squiggle7</span>
  253.             <p class="result result-s1">Squiggle 7 Text Fonts...</p>
  254.         </div>
  255.         <div class="aryafonts"><span>Squiggle8</span>
  256.             <p class="result result-s3">Squiggle 8 Text Fonts...</p>
  257.         </div>
  258.         <div class="aryafonts"><span>Squiggle9</span>
  259.             <p class="result result-s14">Squiggle 9 Text Fonts...</p>
  260.         </div>
  261.         <div class="aryafonts"><span>Squiggle10</span>
  262.             <p class="result result-s15">Squiggle 10 Text Fonts...</p>
  263.         </div>
  264.         <div class="aryafonts"><span>Squiggle11</span>
  265.             <p class="result result-s17">Squiggle 11 Text Fonts...</p>
  266.         </div>
  267.         <div class="aryafonts"><span>Squiggle14</span>
  268.             <p class="result result-s6">Squiggle 12 Text Fonts...</p>
  269.         </div>
  270.         <div class="aryafonts"><span>Squiggle15</span>
  271.             <p class="result result-s8">Squiggle 13 Text Fonts...</p>
  272.         </div>
  273.         <div class="aryafonts"><span>Squiggle16</span>
  274.             <p class="result result-s9">Squiggle 14 Text Fonts...</p>
  275.         </div>
  276.  
  277.         <h2>Glitch (Zalgo)</h2>
  278.         <div class="aryafonts"><span>Luni creepify</span>
  279.             <p class="lunicreepify">Zalgo and ugly text</p>
  280.         </div>
  281.  
  282. <div class="ads">
  283.             <center> </center>
  284.         </div>
  285.  
  286.         <h2>Weird Stylish Name Maker</h2>
  287.         <div class="aryafonts"><span>Fire Work</span>
  288.             <p class="firework">Firework Text Fonts loading...</p>
  289.         </div>
  290.         <div class="aryafonts"><span>Bat Man</span>
  291.             <p class="result result-s31">Bat man Text Fonts loading...</p>
  292.         </div>
  293.         <div class="aryafonts"><span>Top Border</span>
  294.             <p class="result result-s22">Top border Text Fonts loading...</p>
  295.         </div>
  296.         <div class="aryafonts"><span>Bottom Border</span>
  297.             <p class="result result-s23">Bottom border Text Fonts loading...</p>
  298.         </div>
  299.         <div class="aryafonts"><span>Bottom Star</span>
  300.             <p class="result result-s24">Bottom star Text Fonts loading...</p>
  301.         </div>
  302.         <div class="aryafonts"><span>Bottom Plus</span>
  303.             <p class="result result-s25">Bottom plus Text Fonts loading...</p>
  304.         </div>
  305.         <div class="aryafonts"><span>Bottom Arrow</span>
  306.             <p class="result result-s26">Bottom arrow Text Fonts loading...</p>
  307.         </div>
  308.         <div class="aryafonts"><span>Cross Top &amp; Bottom</span>
  309.             <p class="result result-s27">Cross top & bottom Text Fonts loading... </p>
  310.        </div>
  311.        <div class="aryafonts"><span>Stinky</span>
  312.            <p class="stinky">Stinky Text Fonts loading...</p>
  313.        </div>
  314.        <div class="aryafonts"><span>Cross Above Below</span>
  315.            <p class="crossAboveBelow">Ctoss above below Text Fonts loading...</p>
  316.        </div>
  317.        <div class="aryafonts"><span>Arrow Below</span>
  318.            <p class="arrowBelow">Arrow below text fonts loading...</p>
  319.        </div>
  320.  
  321.      
  322.  
  323.        <p style="text-align: center;width: 100%;"><a id="share-link" target="_blank" href="https://www.fonts-generator.com/"><button id="load-more">Load More</button></a></p>
  324.  
  325.     </div>
  326.     <div class='copyright-area'>&#169; Copyright 2020-21 Developed by <a href='https://www.fonts-generator.com/' id='aryacredit'>Fonts Generator</a></div>
  327.    
  328. </div>
  329. <!--aryafontsmain end-->
  330.  
  331.  
  332. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript'></script>
  333. <script src='https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js'></script>
  334. <script>
  335.     var default_text = "Fonts Generator"
  336. </script>
  337. <script src='https://cdn.thenitesharya.com/fonts-generator/embedgen-min.js?ver=2'></script>
  338.  
  339. </body>
  340.  
  341. </html>
RAW Paste Data