Fontformate Meg 22 b by https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh Arbeitsteilige Gruppenarbeit en-us 2022-05-19 23:15:03 UTC 2024-11-03 08:16:50 UTC hello@padlet.com https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/2625392717 2023-06-16 08:48:28 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/2625392717 https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034390960 Entwicklung: Von Apple in den 1980ern


Dateisuffix: .ttf


Merkmale: Skalierbar, hohe Qualität, weit verbreitet


Nutzung: Betriebsysteme, Office-Anwendungen, Webseiten


Unterstützung: Windows, macOS


Alternative: OpenType (OTF)


Lizenzierung: Kann kommerziell oder kostenlos sein


Hinweise: Enthält Hinting-Informationen für bessere Darstellung


Glyphen: Die Anzahl von 256 Glyphen bezieht sich auf ältere und sehr einfache Schriftarten, während moderne TTF-Schriftarten oft deutlich mehr Zeichen enthalten.

]]> 2024-06-21 08:05:21 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034390960 https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034392101 PostScript Type 1, auch bekannt als PS1, ist ein Schriftformat, das 1984 von Adobe Systems entwickelt wurde.

]]> 2024-06-21 08:07:07 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034392101 https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034392499 2024-06-21 08:07:45 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034392499 https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034393776 Type1-Fonts bestehen aus zwei Dateien. Eine davon ist für den Druck gedacht, die andere kümmert sich um die Darstellung auf dem Bildschirm.

]]> 2024-06-21 08:09:06 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034393776 Suffix https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034394380 .pfm

.pfb

]]> 2024-06-21 08:09:50 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034394380 Was bedeutet Webfont? https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034395325 Webfonts sind Schriften für das Web.

Die Schriftart muss nicht vorher beim Betrachter installiert sein, sondern kann beim Laden einer Website mit heruntergeladen und angewendet werden.

Falls die Schriftart nicht rechtzeitig geladen ist, können bis dahin Fallback Schriftarten festgelegt werden.


]]> 2024-06-21 08:11:31 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034395325 https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034395371

  • Schriften werden dem Bildschirm angepasst

    • Der automatische Hintingprozess ist heute bei allen modernen Schriften mitgegeben

    • günstig und reicht für die meisten Bedürfnisse

    • Wenn die Schrift perfekt auf den Bildschirm angepasst werden soll, wird das manuelle Hinting genutzt (als Dienstleistung kostenpflichtig)

    • Dabei kann man einzelne Schriftschnitte und Größen manuell hinten

    ]]>     2024-06-21 08:11:35 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034395371     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034396488 2024-06-21 08:13:27 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034396488 Ende des PostScript https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034396875 Wurde von Adobe Anfang 2023 komplett abgeschaltet. Als Ersatz wurde das OpenType-Format eingesetzt.


    Die meisten Browser und mobilen Betriebssysteme unterstützen keine Type 1-Schriften. Ähnlich wie bei Adobe werden die meisten Betriebssysteme eher die umfangreicheren technischen Möglichkeiten von Schriften im OpenType-Format unterstützen und die Unterstützung für das Type-1-Format beenden.

    ]]>     2024-06-21 08:14:02 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034396875     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034397224 1996 von Microsoft und Adobe als neues Fontformat veröffentlicht

    ]]>     2024-06-21 08:14:10 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034397224     OTVF in Indesign finden https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034397796 2024-06-21 08:14:57 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034397796 OTFV in Indesign verändern https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034398041 2024-06-21 08:15:14 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034398041 Vorteile https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034399614

  • Plattformübergreifend

  • basiert auf Unicode-Zeichenpalette (über 65.000 Glyphen beinhaltet)

  • Authentizität der Schrift nachweisbar durch digitale Struktur

  • können unterschiedliche Schriftschnitte/-Größen haben

  • zusätzliche Funktionen (Kapitälchen, gemeine Brüche, Schwungschrift, Ziffern)

  • unterschiedliche Sprachen unterstützt


    • ]]>     2024-06-21 08:17:15 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034399614     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034400152 Hinting ist ein Verfahren, bei dem Hinweise (englisch Hints) in Vektorfont-Schriftarten eingebettet werden, um die Darstellungsqualität von Texten auf Bildschirmen mit geringer Auflösung zu verbessern

    ]]>     2024-06-21 08:18:05 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034400152     Automatisches Hinting vs Manuelles Hinting https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034401290 2024-06-21 08:19:39 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034401290 Allgemeine Infos https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034402147

  • Containerformat auf Unicode Basis

  • Dateiendung .otf

  • Adobe unterstützt als erste Applikation die Funktion von OpenType

  • Glyphen-Palette gibt Umfang möglicher Zeichen

  • basiert auf Datenstruktur von TrueType


    • ]]>     2024-06-21 08:20:45 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034402147     Web Open Font Format (WOFF) https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034402386

  • wurde 2009 eingeführt

  • gilt seitdem als gängige Spezifikation für Webfonts

  • lauffähig in allen gängigen Browsern

  • Dateiendung .woff


    • WOFF2

    • Dateiendung .woff2

    • verwendet benutzerdefinierte Verarbeitungs- und Komprimierungsalgorithmen, um die Dateigröße noch einmal um ca. 30 % zu verringern

    Aufbau

    • ähnelt OpenType & TrueType

    • ist aber eine Art ZIP-Archiv, das stärkere Kompression über einen Algorithmus ermöglicht

    • kann zusätzlich auch Angaben zur Lizenz und dem Hersteller (in Form der sogenannten XML-Metainformationen) beinhalten



    ]]>     2024-06-21 08:21:10 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034402386     Was sind Variable Fonts? https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034403490 Variable Fonts ist eine moderne Schrifttechnologie, die es ermöglicht, mehrere Stilvariationen einer Schriftart in einer einzigen Font-Datei zu speichern.


    Anstatt separate Dateien für verschiedene Schriftstärken (wie Bold oder Italic) oder Stile (wie condensed oder expanded) zu benötigen, können Variable Fonts diese Variationen dynamisch und kontinuierlich anpassen.

    ]]>     2024-06-21 08:22:46 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034403490     Manuelles Hinting https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034404199 2024-06-21 08:23:52 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034404199 Smartfont-Technologie https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034405759

  • Schriften lassen sich automatisch verwenden

  • Unterstützung unterschiedlicher Sprachen so gegeben

  • Textsatz im Anwendnungsprogramm gezielt dynamisch anpassbar


    • ]]>     2024-06-21 08:26:22 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034405759     Entstehung https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406158

  • Veröffentlichung der ersten CSS-Spezifikation (CSS) 1996

  • Browser konnten dadurch erstmals Fonts von einem Webserver herunterladen und darstellen

  • mit CSS2 und der Einführung von @font-face konnten technisch allen Schriften geladen und dargestellt

  • Vorgängerversionen des Internet Explorers 9 zeigten jedoch ausschließlich das Embedded-OpenType-Format (Dateiendung „.eot“) an

  • in 2009 wurde dann WOFF als gängige Spezifikation für Webfonts eingeführt

    • ]]>     2024-06-21 08:27:09 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406158     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406416 2024-06-21 08:27:33 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406416 Wie funktioniert eine Variable Font? https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406907 Eine "Variable Font" besteht aus einer Schriftdatei, die in einem Programm eines OS unterschiedliche Strichstärken, Schriftbreiten und Schriftlagen – basierend auf variablen Interpolationsachsen, Variations- und Stilattributtabellen – interpoliert und generiert werden können.


    Durch Interpolationspunkte wird Variabilität ermöglicht.

    ]]>     2024-06-21 08:28:19 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034406907     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034407186 2024-06-21 08:28:31 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034407186 Webfont hosting https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034407611 Es gibt bekannte Webfont Anbieter wie Google Fonts, welche eine große Auswahl an lizenzfreien Schriftarten haben.

    Auf diese Schriften können direkt verlinkt werden, sodass sie beim laden der Website heruntergeladen werden und angewendet werden.


    Um Webfonts zu Verwenden, muss die Schriftart im Head der HTML Datei verlinkt sein, sowie im CSS bestimmt werden.


    Verlinkung der Webfont:

    <head>

    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

    </head>


    Beispiel CSS Einbettung:

    font-family: 'Roboto', sans-serif;


    In Deutschland kann es rechtliche Probleme geben, wenn Schriftarten über andere Server (z.B. Google Webfonts Server) ohne vorheriger Zustimmung heruntergeladen werden.


    Deswegen ist es empfehlenswert, die gewünschte Schriftart auf dem eigenen Webserver zu hosten.

    ]]>     2024-06-21 08:29:07 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034407611     Fallback Schriften https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034409053

  • Systemschrift wie Arial, Times New Roman, Verdana, etc.

  • wird dargestellt, bis Webfont geladen wurde

  • Inhalte sind dadurch sofort sichtbar

    • ]]>     2024-06-21 08:31:32 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034409053     Vorteile einer Variablen Font https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034409895

  • nur noch (theoretisch) eine Datei benötigt

  • weniger Schriftdaten zu verwalten (vereinfacht den Workflow)

  • verbesserte Ladezeiten im Webdesign, da nicht mehr alle Schriftschnitte geladen werden müssen

  • OTVF sind deutlich responsiver (Detailanpassungen)

  • mehr stufenlose Flexibilität im Design

  • präzise typografische Anpassungen möglich

    • ]]>     2024-06-21 08:33:01 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034409895     https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034415286 Bee Movie By Jerry Seinfeld NARRATOR: (Black screen with text; The sound of buzzing bees can be heard) According to all known laws of aviation, : there is no way a bee should be able to fly. : Its wings are too small to get its fat little body off the ground. : The bee, of course, flies anyway : because bees don't care what humans think is impossible. BARRY BENSON: (Barry is picking out a shirt) Yellow, black. Yellow, black. Yellow, black. Yellow, black. : Ooh, black and yellow! Let's shake it up a little. JANET BENSON: Barry! Breakfast is ready! BARRY: Coming! : Hang on a second. (Barry uses his antenna like a phone) : Hello? ADAM FLAYMAN: (Through phone) - Barry? BARRY: - Adam? ADAM: - Can you believe this is happening? BARRY: - I can't. I'll pick you up. (Barry flies down the stairs) : MARTIN BENSON: Looking sharp. JANET: Use the stairs. Your father paid good money for those. BARRY: Sorry. I'm excited. MARTIN: Here's the graduate. We're very proud of you, son. : A perfect report card, all B's. JANET: Very proud. (Rubs Barry's hair) BARRY= Ma! I got a thing going here. JANET: - You got lint on your fuzz. BARRY: - Ow! That's me! JANET: - Wave to us! We'll be in row 118,000. - Bye! (Barry flies out the door) JANET: Barry, I told you, stop flying in the house! (Barry drives through the hive,and is waved at by Adam who is reading a newspaper) BARRY== - Hey, Adam. ADAM:]]> 2024-06-21 08:41:07 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034415286 Dateiformate fürs Web https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034421053

  • EOT (Embedded OpenType): wurde bereits von Microsoft für den Internet Explorer 4 entwickelt, wird ausschließlich vom Internet Explorer unterstützt

  • TTF (True Type Format): von Firefox, Safari, Chrome und Opera unterstützt

  • SVG: wird u.a. für die Darstellung auf iPhone/iPad benötigt

  • WOFF/WOFF2: heutiger Standard

    • ]]>     2024-06-21 08:48:34 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034421053     Lizenzen https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034425896

  • Google Fonts stehen grundsätzlich kostenlosen zur Verwendung

  • kostenpflichtige Möglichkeiten: Schriftarten können einzeln erworben werden oder als Abo-Modell

  • entweder Festpreis oder abhängig von Zugriffszahlen der Webseite, auf der Schrift eingebunden wurde

    • ]]>     2024-06-21 08:55:07 UTC https://padlet.com/kathafaraway/qq8lsyy0p6tuyrbh/wish/3034425896