Welcome to fonts.grida.co
This is an indexed list of Google Fonts with SVG previews. We provide fast, reliable access to font metadata and visual previews for web developers and designers. The actual font files are served by Google Fonts CDN.
Key Features
- • CORS-enabled for cross-origin requests
- • Long-term caching for optimal performance
- • SVG previews for all available fonts
- • Complete Google Fonts metadata
SVG Font Previews
Access SVG previews of any font using the following URL pattern:
https://fonts.grida.co/svg/[fontname].svgExamples
Roboto
/svg/roboto.svgOpen Sans
/svg/opensans.svgLato
/svg/lato.svgPoppins
/svg/poppins.svgInter
/svg/inter.svgMontserrat
/svg/montserrat.svgApple Color Emoji PNG Files
We serve Apple Color Emoji PNG files for Linux compatibility. These are high-quality emoji images that can be used in applications requiring consistent emoji rendering across platforms.
Important Notice
We do not serve AppleColorEmoji.ttf font files as they are proprietary and protected by Apple's EULA. We respect Apple's intellectual property rights and only provide the open-source PNG implementation for Linux compatibility.
Access Pattern
Access emoji PNG files using the following URL pattern:
https://fonts.grida.co/apple/emoji/160/[unicode].pngExamples
Copyright Symbol
/apple/emoji/160/00a9.pngHeart Symbol
/apple/emoji/160/2764.pngSmile Face
/apple/emoji/160/1f642.pngUsage in CSS
You can use these emoji PNG files in your CSS for consistent emoji rendering:
.emoji-heart { background-image: url('https://fonts.grida.co/apple/emoji/160/2764.png'); }How to Use
1. SVG Previews
Get SVG previews of fonts for use in your applications:
<img src="https://fonts.grida.co/svg/roboto.svg" alt="Roboto preview" />Technical Details
CORS Headers
All files are served with CORS headers enabled for cross-origin requests:
Caching
SVG files are cached for optimal performance: