Technologie

Wie binde ich externe Schriftarten in meinen Lebenslauf ein?

Melden
  1. Einführung
  2. Schriftarten auswählen und Quelle bestimmen
  3. Schriftart per <link>-Tag in HTML einbinden
  4. Schriftart in CSS anwenden
  5. Alternative Methoden: @font-face und lokale Fonts
  6. Empfehlungen und Tipps
  7. Zusammenfassung

Einführung

Das Einbinden externer Schriftarten in einen Lebenslauf, der als Webseite gestaltet wird oder als HTML-Dokument vorliegt, kann dem Dokument eine individuelle und professionelle Note verleihen. Externe Schriftarten verbessern die Lesbarkeit und das Design, sodass dein Lebenslauf sich optisch von anderen abhebt. Im Folgenden wird erläutert, wie du externe Schriftarten in deinem Lebenslauf integrieren kannst.

Schriftarten auswählen und Quelle bestimmen

Zunächst solltest du eine externe Schriftart aussuchen, die zu deinem gewünschten Stil und zu deiner Branche passt. Beliebte Anbieter für kostenlose Web-Schriftarten sind Google Fonts, Adobe Fonts oder auch andere Plattformen. Für ein einfaches Beispiel nehmen wir Google Fonts. Dort kannst du eine Schriftart nach deinem Geschmack auswählen und den Einbindungscode kopieren.

Der einfachste Weg, eine Schriftart in deine HTML-Datei einzubinden, ist die Verwendung des <link>-Tags im <head>-Bereich. Hier wird über einen Verweis auf eine externe CSS-Datei die Schriftart geladen. Zum Beispiel für die Schriftart "Roboto" von Google Fonts sieht das so aus:

<head> ...

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

...</head>

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

Dieser Code lädt die Schriftart aus dem Google Fonts-Server und stellt sie deiner Webseite zur Verfügung.

Schriftart in CSS anwenden

Nachdem die Schriftart eingebunden ist, musst du sie im CSS definieren, damit sie auf deine Texte angewendet wird. Im Stil-Abschnitt oder in einer externen CSS-Datei kannst du zum Beispiel folgendes schreiben:

body { font-family: Roboto, sans-serif;}

Dies sorgt dafür, dass der gesamte Text (oder der ausgewählte Bereich) mit der Schriftart "Roboto" dargestellt wird. Der Zusatz sans-serif dient als Fallback, falls die externe Schrift aus irgendeinem Grund nicht geladen wird.

Alternative Methoden: @font-face und lokale Fonts

Wenn du die Schriftart selbst hosten möchtest, weil du z.B. eine spezielle Schrift hast, die nicht über einen Dienst angeboten wird, kannst du die Regel @font-face in CSS verwenden. Dabei lädst du die Schriftdateien (im Format .woff, .woff2, .ttf etc.) auf deinen Server hoch und bindest sie so ein:

@font-face { font-family: MeineSchriftart; src: url(fonts/meine_schriftart.woff2) format(woff2), url(fonts/meine_schriftart.woff) format(woff); font-weight: normal; font-style: normal;}body { font-family: MeineSchriftart, Arial, sans-serif;}

Diese Methode erlaubt maximale Kontrolle, erfordert aber die Bereitstellung von Lizenzrechten und das Hochladen der Schriftdateien.

Empfehlungen und Tipps

Beachte bei der Verwendung externer Schriftarten unbedingt die Lizenzbestimmungen. Google Fonts beispielsweise sind in der Regel kostenfrei und für den kommerziellen Einsatz freigegeben. Da dein Lebenslauf meist ein persönliches Dokument ist, ist die Verwendung in der Regel unproblematisch.

Zudem solltest du darauf achten, dass die Schrift gut lesbar ist und gängig genug, damit bei Ausdruck oder Konvertierung in PDF keine Probleme entstehen. Im Zweifel nutze Websafe-Fonts oder binde ein PDF mit eingebetteten Schriften ein.

Zusammenfassung

Um externe Schriftarten in deinem Lebenslauf einzubinden, wählst du eine passende Schriftart aus, bindest sie per <link>-Tag oder @font-face in dein HTML bzw. CSS ein und definierst dann die Schriftfamilie im CSS. Besonders einfach und verbreitet ist die Nutzung von Google Fonts, wodurch du schnell einen professionell wirkenden Ersatz für Standardschriften einsetzen kannst.

0

Kommentare