🦕 Fonts are carefully designed and offer a visual aid in communication, so the best way to display your project's advantages and subtle or powerful features is through images. That's why we now include images on every font's Specimen page on Google Fonts.
This guide provides specifications for the required images for your typographic project published on Google Fonts. They will be added to the 'About' section of the specimen page, and, when a font is released for the first time on Google Fonts or if it benefited from a major upgrade, we can use them to promote the font on social media platforms (Mastodon, LinkedIn, Twitter, Instagram).
We encourage you to use these images to showcase your font’s main characteristics, design particularities, and any special features it might include. Don’t hesitate to use compelling shapes and colors that could help users see its potential in different designs.
When a project includes many sibling families, please provide a compilation image plus one for each family. Based on the project’s complexity, we would decide on the strategy to promote them either as a set or independently.
If the font was designed for a particular script or language, some localized text should be added addressing the respective script or language.
Do not include images that could be considered sensitive or offensive for social or political reasons (nothing that could be related to violence of any kind).
1 up to 8 images would be great.
Credits/content
Please be sure that you have all the credits for the images.
Do not include images you don’t own 100% of the rights to.
Do not add credits of any kind, not for third parties or yourself (the credits will already be included in the Designers section).
These images will be licensed under the CC BY-SA 4.0.
Where to allocate the images
Feel free to add these images to your repo’s README.md section (from the /documentation folder).
The images should be included in an article/ folder under the documentation directory. For more details, see the Documentation bullet in the Upstream repository structure.
An image-license.txt file must be included in the documentation directory. See the repository template.
Images for the About section
The ‘About’ section in the specimen of your typeface on Google Fonts will give a more detailed presentation of the project, its origins, inspirations, and uses. Please look at the Article file section of this Guide for more details.
Max resolution allowed:
Height: 1024 pixels
Width: 2048 pixels
Feel free to choose the ratio you want!
Allowed formats and file size limits for images:
MP4 and svg max size: 1,75 MB
GIF max size: 800 kb (MP4 videos are preferred; generally fewer bytes)
JPG max size: 800 kb
PNG max size: 800 kb
Another possibility is to add a YouTube link.
Social media especifications
Here are formatting guidelines for different social media platforms. These are guides; it is not necessary to create image formats for each platform (however, square versions are especially welcome for Instagram).
Please visit Google Fonts profiles if you want some examples:
1,600 x 900 px (recommended) + some square versions for Instagram
Minimum Size: 600 x 335 px
Recommended Ratio: between 2:1 and 1:1
Supported Formats: GIF, MP4, JPG, and PNG
Max Image Size: Up to 1.75 MB for videos and svg; 800 kb for photos and GIFs.
Post text
We write the social media post according to the font description in the repo’s README file. Sometimes, we must reduce it to fit the social media specifications. If you prefer to provide us with one, please follow this guide:
Describe the font, the design space, the language support, etc.
Please provide us with your social media profile if you have some so we can tag you. Person tags can be provided in the README.md or a .txt file in documentation dir.
Text length limits
Twitter: 500 characters max.
Mastodon and Thread: 500 characters max.
Instagram: 2200 characters max.
Images formats and specifications per social media
(These are some indications; all the formats are not mandatory)
Twitter
1 to 4 colorful images
Supported format: JPG, PNG, GIF
Recommended ratio: Ideally, the images have a square 1:1 or 16:9 ratio of 600 x 335px that can be clicked and expanded to 1200 x 675px.
Mastodon (Typo.Social)
1 to 4 colorful images
Supported formats: PNG, JPG, HEIF, WEBP
Recommended ratio: Ideally, the images have either a square 1:1 or 16:9 ratio 3840 x 2160 px
Instagram
1 to 10 colorful images
Landscape: 1080 x 566 pixels / Portrait: 1080 x 1350 pixels /
Use a 1.91:1 ratio (1200 x 627 pixels). The image must be more than 200 pixels wide.
Images: jpeg, png / video: MOV, GIF, MP4
Thread
1 to 10 colorful images
The maximum image height on Threads is 1424 pixels. Images taller than a 3:4 aspect ratio will be reduced in width to fit this image height. Threads’s maximum image display size is 1070 pixels wide by 1424 pixels tall. This 3:4 aspect ratio will give you the most visual impact because it has the greatest number of pixels.