Der beste Weg Fonts im Web zu nutzen? Mal gucken was Variable Fonts so alles bietet! [DE/TUTORIAL]

[@klidepiano8540]

Heute deinen Kanal gefunden und vieles gelernt klicke mich gerade durch deine Videos danke danke :D

[@UnleashedDesign]

Danke :) freut mich wenn dir die Videos gefallen :)

[@klidepiano8540]

@@UnleashedDesign Hast du vielleicht noch weitere Tipps ? ich würde gerne auf meiner Zukünftigen Webseite Noten und Midi Dateien hochladen weißt du wie das geht ?

[@cpepper7715]

Geniale Erklärung. Wirklich gutes Video. Ich kannte variable Fonts schon, war mir aber wirklich sicher, ob und wie ich sie nutzen sollte. Doch hier ein kleiner aber feiner Hinweis: In diesem Beispiel ist die "Raleway" eine Schriftfamilie und besteht aus einzelnen Schriftschnitten (Light, Regular, Bold usw.) Also ist Light keine Familie, sondern nur ein Schnitt von der Familie (hier: Raleway).

[@goonswarm007]

Spannendes Thema.

[@vaxulNo1]

Danke für's Video. Kleine Frage: Gibt es die Variablen Fonts nur als *.ttf? Gibt es da kein komprimiertes Format wie *.woff2?

[@UnleashedDesign]

Wie in dem Video auch gesagt kann man jede Art von Komprimierung auf Variable Fonts anwenden :)

[@vaxulNo1]

@@UnleashedDesign Danke, hatte ich wohl überhört. Ggf. sollte man den Anfängern dann auch eher woff2 empfehlen.

[@UnleashedDesign]

@@vaxulNo1 Hier eine "empfehlung" auszusprechen ist relativ :D weil wenn man z.B. auflagen in seinen Projekten hat alte Browser zu supporten dann hat man mit woff2 Probleme, dann kommt dazu hat man überhaupt die Rechte woff2 zu nutzen teilweise muss man hier extra Lizenzen kaufen

[@adiifnr4853]

Hallo und Danke für die Videos...echt Super nur ein wenig komplex für Neulinge wie mich. Wollt Dich fragen ob du mal wenn du zeit hast ein Video machen kannst wie man Pagination für eine Produktseite einbaut..also 1-10. Grussle 1-10

[@thepix3l245]

Sehr cool!

[@la3el]

Wiedermal ein schönes Video, aber erinnere ich mich falsch wenn ich sage dasss ich bisher nur eine Schrift geladen habe undzwar "regular" und konnte dennoch in CSS sagen ob dick, dicker oder kursiv sein soll OHNE die Kursiv Version oder Bold oder Black Version herunterzuladen... Daher bin ich gerade ziemlich verwirrt, da das ein deutliches MehrAufwand zu sein scheint :/

[@UnleashedDesign]

Hast du evtl. direkt über Google Fonts Schriften geladen? Weil dann sieht es so aus als wenn du 1x Schriften lädst jedoch werden dann im Hintergrund X Schriften geladen. Alternativ, bist du dir sicher das hier die Schriften korrekt angezeigt werden? Weil wenn du die Font Lokal auf dem Rechner hast sieht es so aus als wenn alles korrekt geladen wird jedoch nur bei dir.

[@la3el]

@@UnleashedDesign Lokale Schriften würden bei einer Website wenig bringen ^^ Nein, natürlich zB Roboto Regular direkt über Google eingebunden und je nach Gebrauch natürlich H-Überschriften und ansonsten per CSS, bold, bolder, black (^^) whatever... Die Website Geschwindigkeiten waren immer top. Das Einzige was nicht die Schriften benutzt hat waren die kack iPhones weil Apple immer eigene Brühe suppt... Aber die iPhone Nutzer waren mir nie wichtig genug dass ich da nach einer Lösung suchen würde ;)

[@ralfhein3207]

ah super Video, jetzt kann man zu seinem Projekt es abwiegen. Hat man ein Projekt, wo der Kunde mehrere Schriftarten haben möchte. So kann man jetzt(wenn die Schrift es unterstützt) die Variable nutzen. Gut zu wissen! hm, wie ist die Erfahrung bei dir oder die Frage an die anderen. Unterstützt/Supportet Ihr noch die alten Browser, wie IE oder die in den alter von IE sind. Würd mich interessieren. 🤔🙂🙃

[@UnleashedDesign]

Kommt ganz drauf an, ich Frage bei Projekten welche Browser Supportet werden müssen und in welcher Version. Wenn dort 50 Versionen/Browser stehen wird es halt viel viel teurer (alleine Testen wird aufwendig) wenn dann auch noch IE8 oder so zu sehen ist :D tja dann ist das Projekt einfach mal doppelt so teuer als ohne

[@ralfhein3207]

@@UnleashedDesign ah, danke für deine Erfahrung hierzu.😊😉😉

[@Linuxdirk]

Schon geil, was inzwischen alles geht … aber ich bin was Fonts angeht sehr oldschool und benutze einfach generische Schriftfamilien ("sans-serif", "monospace", etc.) 😎

[@rolf-s]

Ich hasse neue Features 😂

[@UnleashedDesign]

xD warum das ?

[@rolf-s]

@@UnleashedDesign ja weil das nicht aufhört...2000/2001 habe ich flash gelernt, 2003 director mit lingo... der käse zieht sich bis heute. jquery braucht heute kein mensch mehr. jetzt bin ich in react und vue fit und in 5 jahren ist das auch obsolet... 🤣 ich werd nachtwächter... der job ist schön straight 😎

[@Linuxdirk]

@@rolf-s Das gute an Trends ist, man muss sie nicht mitmachen 👍

[@rolf-s]

@@Linuxdirk ja oder so... dachte ich mir 2013 bei react auch. ist jetzt halt der defakto standard 😂 aber hast schon recht. ist ja auch nicht so, dass die neuen funktionen im spec "mist" sind. du musst dich halt echt voll spezialisieren, sonst kommst da einfach nicht mehr mit.

[@Linuxdirk]

@@rolf-s Ja, React hat sich jetzt etabliert, darum lohnt es sich ja auch, sich jetzt damit auseinander zu setzen. Wenn in ein paar Jahren variable Fonts bei Nutzung von Webfonts Standard sind, Feuer frei. Ist ja wie mit Icon-Fonts, die inzwischen eigentlich überall Bilder abgelöst haben.