#webtypography — Public Fediverse posts

Ich hab mal ein Überblicksvideo zu Web-Fonts gemacht, was es da gibt (z.B. Variable Fonts) und wie man die performant und zugeschnitten verwenden kann (Subsetting, Preload-Hints und Format-Konvertierung):
https://youtu.be/6AxuFn0W3Ok

#webdev #frontend #webfonts #typography #webtypography #tutorial #subsetting

A rare learning opportunity for any web designer who wants to extend the reach of their sites beyond the Western world: Multilingual Typesetting on the Web with Marie Otsuka. A @letterformarchive online workshop. Two sessions: Mon, Jun 3 & Mon, Jun 10, 2024. https://letterformarchive.org/shop/multilingual-typesetting-on-the-web/

#Typography #WebTypography #Multiscript #MultilingualPublishing #MultilingualTypography #MultiscriptTypography #WebFonts #WebDesign

A rare learning opportunity for any web designer who wants to extend the reach of their sites beyond the Western world: Multilingual Typesetting on the Web with Marie Otsuka. A @letterformarchive online workshop. Two sessions: Mon, Jun 3 & Mon, Jun 10, 2024. https://letterformarchive.org/shop/multilingual-typesetting-on-the-web/

#Typography #WebTypography #Multiscript #MultilingualPublishing #MultilingualTypography #MultiscriptTypography #WebFonts #WebDesign

A rare learning opportunity for any web designer who wants to extend the reach of their sites beyond the Western world: Multilingual Typesetting on the Web with Marie Otsuka. A @letterformarchive online workshop. Two sessions: Mon, Jun 3 & Mon, Jun 10, 2024. https://letterformarchive.org/shop/multilingual-typesetting-on-the-web/

#Typography #WebTypography #Multiscript #MultilingualPublishing #MultilingualTypography #MultiscriptTypography #WebFonts #WebDesign

A rare learning opportunity for any web designer who wants to extend the reach of their sites beyond the Western world: Multilingual Typesetting on the Web with Marie Otsuka. A @letterformarchive online workshop. Two sessions: Mon, Jun 3 & Mon, Jun 10, 2024. https://letterformarchive.org/shop/multilingual-typesetting-on-the-web/

#Typography #WebTypography #Multiscript #MultilingualPublishing #MultilingualTypography #MultiscriptTypography #WebFonts #WebDesign

A rare learning opportunity for any web designer who wants to extend the reach of their sites beyond the Western world: Multilingual Typesetting on the Web with Marie Otsuka. A @letterformarchive online workshop. Two sessions: Mon, Jun 3 & Mon, Jun 10, 2024. https://letterformarchive.org/shop/multilingual-typesetting-on-the-web/

#Typography #WebTypography #Multiscript #MultilingualPublishing #MultilingualTypography #MultiscriptTypography #WebFonts #WebDesign

#Development #Releases
WebKit features in Safari 17.4 · Apple ships another noteworthy browser release https://ilo.im/15y66r

_____
#Browser #WebApp #WebForm #WebTypography #Media #Frontend #HTML #SVG #CSS #JavaScript #WebAPI

#Development #Releases
WebKit features in Safari 17.4 · Apple ships another noteworthy browser release https://ilo.im/15y66r

_____
#Browser #WebApp #WebForm #WebTypography #Media #Frontend #HTML #SVG #CSS #JavaScript #WebAPI

#Development #Techniques
Adapting typography to user preferences with CSS · Font adjustment to suit your reader’s liking and comfort https://ilo.im/14el4n

_____
#WebTypography #Content #Readability #Accessibility #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #MediaQueries #CssCustomProperties #CssNesting #PrefersColorScheme #PrefersContrast #VariableFonts #Fonts

#Design #Resources
Type design resources · Top creative resources for type designers and font lovers https://ilo.im/12kewr

_____
#DigitalDesign #WebDesign #GraphicDesign #TypeDesign #Typography #WebTypography #Typeface #Font #WebFont #Books #Magazines #Articles #Talks

#Development #Techniques
Handwriting with the Canvas API · An alternative way to create custom typefaces and hand-drawn effects https://ilo.im/12gcxa

_____
#WebTypography #Handwriting #WebDevelopment #WebDev #Frontend #API #SVG #CSS #JavaScript #Canvas #Typeface #Font #CustomFont

#Development #Techniques
CSS container query units and fluid typography · New ways to create dynamically calculated typography rules https://ilo.im/12enwp

_____
#WebDevelopment #WebDev #WebTypography #Frontend #CSS #ContainerQuery #CustomProperties #CssVariables #WebFont

#Design #Development #Reviews
Glyphhanger · A way to considerably reduce the file size of a web font https://ilo.im/12bhck

_____
#WebDevelopment #WebDev #WebPerformance #WebPerf #WebTypography #Tool #Frontend #Font #WebFont #VariableFont #Subset

#Design #Guidances
The complications of typographic size on the web · What to consider when choosing the right font size for web design https://ilo.im/126pyo

_____
#UiDesign #WebDesign #WebTypography #Frontend #CSS #Typeface #FontSize

#Design #Guidances
The complications of typographic size on the web · What to consider when choosing the right font size for web design https://ilo.im/126pyo

_____
#UiDesign #WebDesign #WebTypography #Frontend #CSS #Typeface #FontSize

#Design #Guidances
The complications of typographic size on the web · What to consider when choosing the right font size for web design https://ilo.im/126pyo

_____
#UiDesign #WebDesign #WebTypography #Frontend #CSS #Typeface #FontSize

#Design #Guidances
The complications of typographic size on the web · What to consider when choosing the right font size for web design https://ilo.im/126pyo

_____
#UiDesign #WebDesign #WebTypography #Frontend #CSS #Typeface #FontSize

#Development #Introductions
CSS text balancing with text-wrap:balance · How the upcoming CSS feature can enhance your web typography https://ilo.im/127wi9

_____
#WebTypography #WebDevelopment #WebDev #Frontend #CSS #Header #Paragraph

#Design #Collections
Type Design Resources · Guidance, inspiration, resources, and tools for typography enthusiasts https://ilo.im/11ngg2

_____
#UxDesign #UiDesign #GraphicDesign #WebDesign #Typography #WebTypography #Typeface #Webfont #Font

#Design #Guidelines
Typography Manual · A fresh and modern approach to web typography best practices https://ilo.im/113fvl

_____
#ProductDesign #UxDesign #UiDesign #WebDesign #Typography #WebTypography #Spacing #Typeface #Font