Wel­che Schrift ist das? .… Hast du dir beim Sur­fen auf einer Web­site schon mal gedacht: “Was ist das für eine schö­ne Schrift­art? Die will ich auch!”? Auch ich höre oft von mei­nen Kun­den, “ich möch­te so eine Schrift­art wie auf Sei­te … ” Kein Pro­blem! Denn die Schrift­art, Schrift­grö­ße und Schrift­far­be las­sen sich mit weni­gen Hand­grif­fen ganz leicht her­aus­fin­den. Ich zei­ge dir wie.

 

Hin­weis: Die­ses Video wird über You­tube gehos­tet. Wenn du das Video ansiehst, wer­den mög­li­cher­wei­se Daten von dir via You­tube erfasst. Mehr Infos in mei­ner Daten­schutz­er­klä­rung.

 

Schritt für Schritt Anlei­tung:

So fin­dest du die Schrift­ar­ten, Schrift­grö­ßen und Schrift­far­ben von ande­ren Web­sei­ten her­aus:

Wenn du die Web­site in Chro­me oder Fire­fox geöff­net hast, kli­cke auf die rech­te Maus­tas­te und gehe auf “Unter­su­chen” oder “Ele­ment unter­su­chen.
Kli­cke auf den lin­ken Pfeil mit dem Qua­drat.

schrift anderer websites herausfinden

 

Und dann kli­cke gleich auf die Text­stel­le, des­sen Schrift du wis­sen möch­test.

schnellstarter homepage selbst erstellen welche schrift

Es ist wich­tig, dass du weißt, ob es ich um einen Fließ­text (=body) oder um eine Über­schrift (= h1-h6 han­delt)

In der mar­kier­ten Text-Zie­le  liest du den Hin­weis h3. (am obe­ren Bild, links oben im schwar­zen Kas­ten)
In Word­Press heißt das fol­gen­des: Es gibt 6 ver­schie­de­ne Über­schrif­ten­grö­ßen.… h1 ist die größ­te und h6 die kleins­te. Hier wird also eine mit­tel­gro­ße Über­schrift (h3) ver­wen­det.

 

Im unte­ren Kas­ten in der rech­ten Spal­te suchst du nach font-fami­ly = Schrift­art. Da wir wis­sen, dass es sich um eine Über­schrift han­delt, müs­sen wir dar­auf ach­ten, die Schrift­art / font-fami­ly von h3 zu fin­den. Die ers­te Schrift­art ist die, die ver­wen­det wur­de. die ande­ren sind nur Alter­na­ti­ven, falls die eigent­li­che Schrift­art nicht aus­ge­wählt wur­de.

Die Schrift­art lau­tet also: Open Sans   (font-fami­ly von h1-h6)

Im nächs­ten Feld siehst, du die Schrift­grö­ße = font size von unse­rer h3 gro­ßen Über­schrift lau­tet 29px.

 

Scrollst du noch etwas wei­ter run­ter, siehst du auch, wel­che Far­be die Schrift hat. Schrift­far­be = color

schriftfarbe herausfinden website

 

 

 

Auch die Zei­len­hö­he und Abstand der Buch­sta­ben kön­nen inter­es­sant für dich sein.
let­ter-spa­cing = Abstand zwi­schen den Buch­sta­ben
line-height = Zei­len­hö­he

 

Mit die­sen Anga­ben (Schrift­art, Schrift­grö­ße, Schrift­far­be) hast du alles was du brauchst, wenn du eine Schrift über­neh­men möch­test. Du kannst die Typo­gra­phie (=Schrift) auf dei­ner Web­site mit die­sen Anga­ben genau­so ein­stel­len.

 

Alter­na­tiv kannst du die Schrif­ten in Chro­me mit der Zusatz-App What­font her­aus­fin­den.

(erhält­lich im Chro­me Web Store)

 

Nach­dem du die App bei dir in Chro­me hin­zu­ge­fügt hast, fin­dest du in dei­ner obe­ren Leis­te ein neu­es Zei­chen: ” f? ” Kli­cke es an und fah­re über die Text­pas­sa­ge, über die du die Infos haben möch­test. Kli­cke auf den Text und es öff­net sich ein schwar­zes Fens­ter. Dar­in fin­dest du alle Infos zur ver­wen­de­ten Schrift­art. Das sieht dann so aus:

 

Fami­ly: Schrift­art
Style: Stil
Weight: Stär­ke der Buch­sta­ben
Size: Schrift­grö­ße
Line Height: Zei­len­hö­he
Color: Schrift­far­be

Um wie­der auf den nor­ma­len Cur­sor umzu­stei­gen kli­cke wie­der auf den Icon von What­font in der obe­ren Leis­te. Exit ..

Wenn es dich nicht stört, eine extra App dafür zu instal­lie­ren, ist das der schnells­te Weg die Infos über Schrif­ten frem­der Web­sei­ten zu bekom­men.

Wel­ches Tool ver­wen­dest du? Ich bin gespannt auf dein Kom­men­tar!

 

Website selbst erstellen

Du willst dei­ne Web­site selbst erstel­len?

Das Web­site Star­ter­pa­ket ist der schnells­te Weg zu dei­ner neu­en Web­site:

  • tech­nisch fer­tig für dich ein­ge­rich­tet
  • Divi The­me bereits instal­liert
  • Plug­in­pa­ket bereits instal­liert
  • DSGVO kon­form
  • Schu­lungs­vi­de­os und Anlei­tun­gen, damit du dei­ne Inhal­te selbst ein­fü­gen kannst

MEHR INFOS UNTER: WEBSITE SELBST ERSTELLEN

 

Tipps und Angebote zu deiner WordPress Website, die verkauft.

 

Schließe dich meinen Abonnenten an!

Nur noch 1 Schritt: Bitte überprüfe dein E-Mail-Postfach und bestätige deine E-Mailadresse.