tinyfont/about.html at main · base64converter/tinyfont · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us | Tinyfont</title>
    <meta name="description" content="Learn more about Tinyfont.me, our mission, and our commitment to providing free and useful font tools.">
    <meta name="keywords" content="about us, tinyfont, mission, font tools, typography">
    <meta name="author" content="Prasoon">
    <link rel="canonical" href="https://tinyfont.me/about.html">
    <meta property="og:title" content="About Us | Tinyfont">
    <meta property="og:description" content="Learn more about Tinyfont.me, our mission, and our commitment to providing free and useful font tools.">
    <meta property="og:image" content="https://tinyfont.me/assets/images/og/homepage.png">
    <meta property="og:image:alt" content="Tinyfont logo.">
    <meta property="og:url" content="https://tinyfont.me/about.html">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="About Us | Tinyfont">
    <meta name="twitter:description" content="Learn more about Tinyfont.me, our mission, and our commitment to providing free and useful font tools.">
    <meta name="twitter:image" content="https://tinyfont.me/assets/images/og/homepage.png">
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
    <header class="site-header">
        <div class="container">
            <a href="./index.html" class="logo">TinyFont</a>
            <nav class="main-nav" aria-label="Main Navigation">
                <ul>
                    <li class="nav-item">
                        <a href="#" class="nav-link" aria-haspopup="true">Font Discovery</a>
                        <div class="dropdown-menu">
                            <a href="./live-preview-tool.html">Live Google Font Previewer</a>
                            <a href="./font-comparison-tool.html">Compare Fonts Instantly</a>
                            <a href="./variable-font-finder.html">Discover Variable Google Fonts</a>
                            <a href="./language-support-finder.html">Find Fonts for Any Language</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link" aria-haspopup="true">Design & Typography</a>
                        <div class="dropdown-menu">
                            <a href="./font-pairing-generator.html">Generate Beautiful Font Pairings</a>
                            <a href="./logo-fonts-tool.html">Find the Perfect Font for Your Logo</a>
                            <a href="./font-color-tester.html">Test Font Color Contrast</a>
                            <a href="./font-performance-checker.html">Analyze Font Performance Impact</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link" aria-haspopup="true">Performance & Web</a>
                        <div class="dropdown-menu">
                            <a href="./google-fonts-css-generator.html">Generate Optimized Font CSS</a>
                            <a href="./css-font-stack-generator.html">Create Bulletproof CSS Font Stacks</a>
                            <a href="./web-safe-fonts-checker.html">Web Safe Font Reference</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link" aria-haspopup="true">Guides</a>
                        <div class="dropdown-menu">
                            <a href="./font-accessibility-checker.html">Advanced Font Accessibility Checker</a>
                            <a href="./font-license-checker.html">Google Fonts License Checker</a>
                            <a href="./font-subset-optimizer.html">Google Fonts Subset Optimizer</a>
                            <a href="./subset-text-optimizer.html">Font Subsetting Text Generator</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link" aria-haspopup="true">Developer Tools</a>
                        <div class="dropdown-menu">
                            <a href="./epoch-unix-converter/">Epoch Unix Converter</a>
                            <a href="./codigos-de-colores-hexadecimales/">Convertidor de Códigos de Colores Hexadecimales</a>
                        </div>
                    </li>
                </ul>
            </nav>
            <div class="header-controls">
                <button class="dark-mode-toggle" title="Toggle Dark Mode">🌙</button>
                <button class="mobile-nav-toggle" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle Navigation">☰</button>
            </div>
        </div>
    </header>
    <main>
        <header class="page-header">
            <div class="container">
                <h1>About Tinyfont.me</h1>
                <p>Our mission is to provide free, easy-to-use, and powerful tools for working with Google Fonts.</p>
            </div>
        </header>
        <center>
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9534887202409405" crossorigin="anonymous"></script>
            <!-- tf -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-9534887202409405"
                 data-ad-slot="2539931563"
                 data-ad-format="auto"
                 data-full-width-responsive="true"></ins>
            <script>
                 (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </center>
        <div class="container content-section">
            <p>Welcome to Tinyfont.me! We are passionate about typography and believe that everyone should have access to the best tools for working with fonts. Our platform offers a growing collection of free, intuitive, and powerful web-based applications designed to help designers, developers, and enthusiasts explore, compare, optimize, and utilize Google Fonts effectively.</p>
            <p>Whether you're looking for the perfect font pairing, need to check font accessibility, or want to optimize your web font performance, Tinyfont.me is here to simplify your workflow. We are constantly working to add new features and improve existing ones, driven by the needs of our users.</p>
            <p>Thank you for being a part of our community!</p>
        </div>
    </main>
    <center>
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9534887202409405" crossorigin="anonymous"></script>
        <!-- tf -->
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-9534887202409405"
             data-ad-slot="8978208831"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
                 (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </center>
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-column">
                    <h4>Font Discovery</h4>
                    <ul>
                        <li><a href="./live-preview-tool.html">Live Google Font Previewer</a></li>
                        <li><a href="./font-comparison-tool.html">Compare Fonts Instantly</a></li>
                        <li><a href="./variable-font-finder.html">Discover Variable Google Fonts</a></li>
                        <li><a href="./language-support-finder.html">Find Fonts for Any Language</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Design & Typography</h4>
                    <ul>
                        <li><a href="./font-pairing-generator.html">Generate Beautiful Font Pairings</a></li>
                        <li><a href="./logo-fonts-tool.html">Find the Perfect Font for Your Logo</a></li>
                        <li><a href="./font-color-tester.html">Test Font Color Contrast</a></li>
                        <li><a href="./font-performance-checker.html">Analyze Font Performance Impact</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Performance & Web</h4>
                    <ul>
                        <li><a href="./google-fonts-css-generator.html">Generate Optimized Font CSS</a></li>
                        <li><a href="./css-font-stack-generator.html">Create Bulletproof CSS Font Stacks</a></li>
                        <li><a href="./web-safe-fonts-checker.html">Web Safe Font Reference</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Guides</h4>
                    <ul>
                        <li><a href="./accessibility-checker.html">Check Font Accessibility</a></li>
                        <li><a href="./subset-text-optimizer.html">Font Subsetting Text Generator</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Developer Tools</h4>
                    <ul>
                        <li><a href="./epoch-unix-converter/">Epoch Unix Converter</a></li>
                        <li><a href="./codigos-de-colores-hexadecimales/">Convertidor de Códigos de Colores Hexadecimales</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Prasoon. Built with ❤️ at TinyFont.me.</p>
                <p>Last updated: August 21, 2025</p>
            </div>
        </div>
    </footer>
    <script src="assets/js/main.js"></script>
</body>
</html>