vicrodh
b6f5631f51
The four header nav tabs each owned a PopupWindow for their dropdown. A PopupWindow grabs the pointer while open, so hovering a sibling tab delivered no hover event and the menus could not be hover-switched. Add a HeaderMenuState global (open-index, anchor-x, items, home-item) and the NavMenuEntry struct to state.slint. Tabs now write their identity into the global on hover/click instead of showing a popup; the menu panel itself will be rendered by a separate in-window overlay. Move NavMenuItem into its own file so the overlay can reuse it. cc
119 lines
3.8 KiB
Plaintext
119 lines
3.8 KiB
Plaintext
Inter Variable Font
|
||
===================
|
||
|
||
This download contains Inter as both variable fonts and static fonts.
|
||
|
||
Inter is a variable font with these axes:
|
||
opsz
|
||
wght
|
||
|
||
This means all the styles are contained in these files:
|
||
Inter-VariableFont_opsz,wght.ttf
|
||
Inter-Italic-VariableFont_opsz,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 Inter:
|
||
static/Inter_18pt-Thin.ttf
|
||
static/Inter_18pt-ExtraLight.ttf
|
||
static/Inter_18pt-Light.ttf
|
||
static/Inter_18pt-Regular.ttf
|
||
static/Inter_18pt-Medium.ttf
|
||
static/Inter_18pt-SemiBold.ttf
|
||
static/Inter_18pt-Bold.ttf
|
||
static/Inter_18pt-ExtraBold.ttf
|
||
static/Inter_18pt-Black.ttf
|
||
static/Inter_24pt-Thin.ttf
|
||
static/Inter_24pt-ExtraLight.ttf
|
||
static/Inter_24pt-Light.ttf
|
||
static/Inter_24pt-Regular.ttf
|
||
static/Inter_24pt-Medium.ttf
|
||
static/Inter_24pt-SemiBold.ttf
|
||
static/Inter_24pt-Bold.ttf
|
||
static/Inter_24pt-ExtraBold.ttf
|
||
static/Inter_24pt-Black.ttf
|
||
static/Inter_28pt-Thin.ttf
|
||
static/Inter_28pt-ExtraLight.ttf
|
||
static/Inter_28pt-Light.ttf
|
||
static/Inter_28pt-Regular.ttf
|
||
static/Inter_28pt-Medium.ttf
|
||
static/Inter_28pt-SemiBold.ttf
|
||
static/Inter_28pt-Bold.ttf
|
||
static/Inter_28pt-ExtraBold.ttf
|
||
static/Inter_28pt-Black.ttf
|
||
static/Inter_18pt-ThinItalic.ttf
|
||
static/Inter_18pt-ExtraLightItalic.ttf
|
||
static/Inter_18pt-LightItalic.ttf
|
||
static/Inter_18pt-Italic.ttf
|
||
static/Inter_18pt-MediumItalic.ttf
|
||
static/Inter_18pt-SemiBoldItalic.ttf
|
||
static/Inter_18pt-BoldItalic.ttf
|
||
static/Inter_18pt-ExtraBoldItalic.ttf
|
||
static/Inter_18pt-BlackItalic.ttf
|
||
static/Inter_24pt-ThinItalic.ttf
|
||
static/Inter_24pt-ExtraLightItalic.ttf
|
||
static/Inter_24pt-LightItalic.ttf
|
||
static/Inter_24pt-Italic.ttf
|
||
static/Inter_24pt-MediumItalic.ttf
|
||
static/Inter_24pt-SemiBoldItalic.ttf
|
||
static/Inter_24pt-BoldItalic.ttf
|
||
static/Inter_24pt-ExtraBoldItalic.ttf
|
||
static/Inter_24pt-BlackItalic.ttf
|
||
static/Inter_28pt-ThinItalic.ttf
|
||
static/Inter_28pt-ExtraLightItalic.ttf
|
||
static/Inter_28pt-LightItalic.ttf
|
||
static/Inter_28pt-Italic.ttf
|
||
static/Inter_28pt-MediumItalic.ttf
|
||
static/Inter_28pt-SemiBoldItalic.ttf
|
||
static/Inter_28pt-BoldItalic.ttf
|
||
static/Inter_28pt-ExtraBoldItalic.ttf
|
||
static/Inter_28pt-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.
|