191 lines
6.9 KiB
Text
191 lines
6.9 KiB
Text
|
Saira Variable Font
|
|||
|
|
===================
|
|||
|
|
|
|||
|
|
This download contains Saira as both variable fonts and static fonts.
|
|||
|
|
|
|||
|
|
Saira is a variable font with these axes:
|
|||
|
|
wdth
|
|||
|
|
wght
|
|||
|
|
|
|||
|
|
This means all the styles are contained in these files:
|
|||
|
|
Saira-VariableFont_wdth,wght.ttf
|
|||
|
|
Saira-Italic-VariableFont_wdth,wght.ttf
|
|||
|
|
|
|||
|
|
If your app fully supports variable fonts, you can now pick intermediate styles
|
|||
|
|
that aren’t available as static fonts. Not all apps support variable fonts, and
|
|||
|
|
in those cases you can use the static font files for Saira:
|
|||
|
|
static/Saira_UltraCondensed-Thin.ttf
|
|||
|
|
static/Saira_UltraCondensed-ExtraLight.ttf
|
|||
|
|
static/Saira_UltraCondensed-Light.ttf
|
|||
|
|
static/Saira_UltraCondensed-Regular.ttf
|
|||
|
|
static/Saira_UltraCondensed-Medium.ttf
|
|||
|
|
static/Saira_UltraCondensed-SemiBold.ttf
|
|||
|
|
static/Saira_UltraCondensed-Bold.ttf
|
|||
|
|
static/Saira_UltraCondensed-ExtraBold.ttf
|
|||
|
|
static/Saira_UltraCondensed-Black.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Thin.ttf
|
|||
|
|
static/Saira_ExtraCondensed-ExtraLight.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Light.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Regular.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Medium.ttf
|
|||
|
|
static/Saira_ExtraCondensed-SemiBold.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Bold.ttf
|
|||
|
|
static/Saira_ExtraCondensed-ExtraBold.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Black.ttf
|
|||
|
|
static/Saira_Condensed-Thin.ttf
|
|||
|
|
static/Saira_Condensed-ExtraLight.ttf
|
|||
|
|
static/Saira_Condensed-Light.ttf
|
|||
|
|
static/Saira_Condensed-Regular.ttf
|
|||
|
|
static/Saira_Condensed-Medium.ttf
|
|||
|
|
static/Saira_Condensed-SemiBold.ttf
|
|||
|
|
static/Saira_Condensed-Bold.ttf
|
|||
|
|
static/Saira_Condensed-ExtraBold.ttf
|
|||
|
|
static/Saira_Condensed-Black.ttf
|
|||
|
|
static/Saira_SemiCondensed-Thin.ttf
|
|||
|
|
static/Saira_SemiCondensed-ExtraLight.ttf
|
|||
|
|
static/Saira_SemiCondensed-Light.ttf
|
|||
|
|
static/Saira_SemiCondensed-Regular.ttf
|
|||
|
|
static/Saira_SemiCondensed-Medium.ttf
|
|||
|
|
static/Saira_SemiCondensed-SemiBold.ttf
|
|||
|
|
static/Saira_SemiCondensed-Bold.ttf
|
|||
|
|
static/Saira_SemiCondensed-ExtraBold.ttf
|
|||
|
|
static/Saira_SemiCondensed-Black.ttf
|
|||
|
|
static/Saira-Thin.ttf
|
|||
|
|
static/Saira-ExtraLight.ttf
|
|||
|
|
static/Saira-Light.ttf
|
|||
|
|
static/Saira-Regular.ttf
|
|||
|
|
static/Saira-Medium.ttf
|
|||
|
|
static/Saira-SemiBold.ttf
|
|||
|
|
static/Saira-Bold.ttf
|
|||
|
|
static/Saira-ExtraBold.ttf
|
|||
|
|
static/Saira-Black.ttf
|
|||
|
|
static/Saira_SemiExpanded-Thin.ttf
|
|||
|
|
static/Saira_SemiExpanded-ExtraLight.ttf
|
|||
|
|
static/Saira_SemiExpanded-Light.ttf
|
|||
|
|
static/Saira_SemiExpanded-Regular.ttf
|
|||
|
|
static/Saira_SemiExpanded-Medium.ttf
|
|||
|
|
static/Saira_SemiExpanded-SemiBold.ttf
|
|||
|
|
static/Saira_SemiExpanded-Bold.ttf
|
|||
|
|
static/Saira_SemiExpanded-ExtraBold.ttf
|
|||
|
|
static/Saira_SemiExpanded-Black.ttf
|
|||
|
|
static/Saira_Expanded-Thin.ttf
|
|||
|
|
static/Saira_Expanded-ExtraLight.ttf
|
|||
|
|
static/Saira_Expanded-Light.ttf
|
|||
|
|
static/Saira_Expanded-Regular.ttf
|
|||
|
|
static/Saira_Expanded-Medium.ttf
|
|||
|
|
static/Saira_Expanded-SemiBold.ttf
|
|||
|
|
static/Saira_Expanded-Bold.ttf
|
|||
|
|
static/Saira_Expanded-ExtraBold.ttf
|
|||
|
|
static/Saira_Expanded-Black.ttf
|
|||
|
|
static/Saira_UltraCondensed-ThinItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-LightItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-Italic.ttf
|
|||
|
|
static/Saira_UltraCondensed-MediumItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-BoldItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_UltraCondensed-BlackItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-ThinItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-LightItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-Italic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-MediumItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-BoldItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_ExtraCondensed-BlackItalic.ttf
|
|||
|
|
static/Saira_Condensed-ThinItalic.ttf
|
|||
|
|
static/Saira_Condensed-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_Condensed-LightItalic.ttf
|
|||
|
|
static/Saira_Condensed-Italic.ttf
|
|||
|
|
static/Saira_Condensed-MediumItalic.ttf
|
|||
|
|
static/Saira_Condensed-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_Condensed-BoldItalic.ttf
|
|||
|
|
static/Saira_Condensed-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_Condensed-BlackItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-ThinItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-LightItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-Italic.ttf
|
|||
|
|
static/Saira_SemiCondensed-MediumItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-BoldItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_SemiCondensed-BlackItalic.ttf
|
|||
|
|
static/Saira-ThinItalic.ttf
|
|||
|
|
static/Saira-ExtraLightItalic.ttf
|
|||
|
|
static/Saira-LightItalic.ttf
|
|||
|
|
static/Saira-Italic.ttf
|
|||
|
|
static/Saira-MediumItalic.ttf
|
|||
|
|
static/Saira-SemiBoldItalic.ttf
|
|||
|
|
static/Saira-BoldItalic.ttf
|
|||
|
|
static/Saira-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira-BlackItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-ThinItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-LightItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-Italic.ttf
|
|||
|
|
static/Saira_SemiExpanded-MediumItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-BoldItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_SemiExpanded-BlackItalic.ttf
|
|||
|
|
static/Saira_Expanded-ThinItalic.ttf
|
|||
|
|
static/Saira_Expanded-ExtraLightItalic.ttf
|
|||
|
|
static/Saira_Expanded-LightItalic.ttf
|
|||
|
|
static/Saira_Expanded-Italic.ttf
|
|||
|
|
static/Saira_Expanded-MediumItalic.ttf
|
|||
|
|
static/Saira_Expanded-SemiBoldItalic.ttf
|
|||
|
|
static/Saira_Expanded-BoldItalic.ttf
|
|||
|
|
static/Saira_Expanded-ExtraBoldItalic.ttf
|
|||
|
|
static/Saira_Expanded-BlackItalic.ttf
|
|||
|
|
|
|||
|
|
Get started
|
|||
|
|
-----------
|
|||
|
|
|
|||
|
|
1. Install the font files you want to use
|
|||
|
|
|
|||
|
|
2. Use your app's font picker to view the font family and all the
|
|||
|
|
available styles
|
|||
|
|
|
|||
|
|
Learn more about variable fonts
|
|||
|
|
-------------------------------
|
|||
|
|
|
|||
|
|
https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
|
|||
|
|
https://variablefonts.typenetwork.com
|
|||
|
|
https://medium.com/variable-fonts
|
|||
|
|
|
|||
|
|
In desktop apps
|
|||
|
|
|
|||
|
|
https://theblog.adobe.com/can-variable-fonts-illustrator-cc
|
|||
|
|
https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
|
|||
|
|
|
|||
|
|
Online
|
|||
|
|
|
|||
|
|
https://developers.google.com/fonts/docs/getting_started
|
|||
|
|
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
|
|||
|
|
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
|
|||
|
|
|
|||
|
|
Installing fonts
|
|||
|
|
|
|||
|
|
MacOS: https://support.apple.com/en-us/HT201749
|
|||
|
|
Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
|
|||
|
|
Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
|
|||
|
|
|
|||
|
|
Android Apps
|
|||
|
|
|
|||
|
|
https://developers.google.com/fonts/docs/android
|
|||
|
|
https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
|
|||
|
|
|
|||
|
|
License
|
|||
|
|
-------
|
|||
|
|
Please read the full license text (OFL.txt) to understand the permissions,
|
|||
|
|
restrictions and requirements for usage, redistribution, and modification.
|
|||
|
|
|
|||
|
|
You can use them in your products & projects – print or digital,
|
|||
|
|
commercial or otherwise.
|
|||
|
|
|
|||
|
|
This isn't legal advice, please consider consulting a lawyer and see the full
|
|||
|
|
license for all details.
|