Who serves the font to your visitors?
A Google Fonts stylesheet makes the browser request the font through Google’s service. You can also serve a permitted font file with your own site. Decide which setup fits your privacy and maintenance needs.
Start with the families and weights your screen needs. Name a fallback in your styles so the browser has another font when the first cannot load.
What should you keep when you distribute a font?
Check the exact family’s license. For example, Inter is listed under the SIL Open Font License. For a bundled copy, keep the accompanying copyright notice and license. Read the conditions before changing or renaming a font file.
Record the family, source, files and weights you actually use. A new family can have different terms or different character coverage.
How can you plan for a missing font?
Sketch an invoice row with a long button label and a fictional name with an accented letter. Use no font download or site change.
- Write the fallbackWrite down a fallback that is available on the intended device, or a generic family such as sans-serif.
- Draw the wider resultGive the text more room in the sketch. Check whether the name and button label still fit and mark the characters to try on a real test screen.