Schriftarten und Logos - der Internetgiganten

TRANSLATE

📮 Contact

Aktiver venligst JavaScript!

S'il vous plaît activer JavaScript!

Vänligen aktivera JavaScript!

Bitte aktiviere JavaScript!

Please enable JavaScript!

Por favor,activa el JavaScript!

FAQ Suchmaschinen

Last-Modified: Wed, 26 Nov 2025 11:19:42 GMT

Beachten Sie bitte den Einsatzzweck, der Logos und Schriften auf den jeweiligen Portal Hinweisseiten! Holen Sie sich eine Erlaubnis für die Nutzung von Logo & Schriftart

× Die zusätzlichen Schriftarten sollten nur auf Webseiten eingebunden werden, wo diese auch benötigt werden! Spart Ladezeit und gibt zusätzliche Punkte bei den Suchmaschinen.

YouTube

download - Schriftart

league-gothic-regular.otf

head - Bereich der Webseite

<style type="text/css">
@font-face {
         font-family: 'YouTube'; /* Gewünschter Name */
         src: url('../fonts/league-gothic-regular.otf');} /* Pfad zur Schriftendatei */
</style>

body - dort wo es stehen soll

<font face="YouTube">You<span style="background-color: #E22E28; color: #fff; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">Tube</span></font>

Expedia

download - Schriftart

Geometric_415_Medium.otf • Geometric_415_Blk_BT_Black.ttf

head - Bereich der Webseite

<style type="text/css">
@font-face {
         font-family: 'expedia'; /* Gewünschter Name */
         src: url('../fonts/Geometric_415_Medium.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
</style>

body - dort wo es stehen soll

<font face="expedia" color="#00355f">Expedia</font>

Informationen zur Schrift

EXPEDIA BrandStyleGuide (PDF)

GOOGLE • Google

download - Schriftart

product-sans.otf • product-sans.ttf

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'google'; /* Gewünschter Name */
         src: url('../fonts/product-sans.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
</style>

body - dort wo es stehen soll

<font face="google" title="Google"><font color="#4285F4">G</font><font color="#EA4335">O</font><font color="#FBBC05">O</font><font color="#4285F4">G</font><font color="#34A853">L</font><font color="#EA4335">E</font></font>

Informationen zur Schrift

Hinweis, das klein geschriebene „e“ Passt nicht ganz - und ich bin zu blöd um das hinzubekommen, vielleicht schaft es ja jemand und Textet die Lösung im Diskusionsforum

Versuch Nr. 1 HTML

<font face="google" title="Google"><font color="#4285F4">G</font><font color="#EA4335">o</font><font color="#FBBC05">o</font><font color="#4285F4">g</font><font color="#34A853">l</font><font color="#EA4335">e</font></font>

Ergebniss Versuch Nr, 1

Google

Versuch Nr. 2 CSS & HTML

<style type="text/css">
.drehen {
  transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg); /* Safari */
  -moz-transform: rotate(-10deg);    /* Firefox */
  -ms-transform: rotate(-10deg);     /* IE */
  -o-transform: rotate(-10deg);      /* Opera */
}
.no-wrap {
  white-space: nowrap;
  /*display: inline-block;*/
}
.color-e{
   color: #EA4335;
}
</style>

<div style="display: flex; display: inline-block;"><font face="google" title="Google"><font color="#4285F4">G</font><font color="#EA4335">o</font><font color="#FBBC05">o</font><font color="#4285F4">g</font><font color="#34A853">l</font><div class="no-wrap drehen color-e">e</div></div>

twitter

download - Schriftart

arista.otf • arista.ttf

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'twitter'; /* Gewünschter Name */
         src: url('../fonts/arista.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
         </style>

body - dort wo es stehen soll

<font face="twitter" color="#00ACED" title="twitter">twitter</font>

thicker 𝕏

Ob die Schriftart auch für thicker X genutzt wird, habe ich noch nicht herausgefunden.

Das 𝕏 ist aus der Schriftart „MATHEMATICAL DOUBLE-STRUCK“ Capital X, als Unicode U+1D54F oder HTML 𝕏

Emoji thicker X

𝕏

&#120143;

𝕏

<span style="display:inline-block; background-color:#050505; border-color:#050505; color:#f4f5f6; width:50px; height:50px; padding:8px 0 0 0; border-radius:50%; border:1; border-style:solid; margin:auto; text-align:center; font-size:3em;" title="thicker X">&#120143;</span>

Download der Logos SVG

facebook

download - Schriftart

facebook-letter-faces.otf • facebook-letter-faces.ttf

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'facebook'; /* Gewünschter Name */
         src: url('../fonts/facebook-letter-faces.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
</style>

body - dort wo es stehen soll

facebook

<font face="facebook" title="facebook" style="background-color: #3D579D; color: #fff; padding: 10px;">facebook</font>

nur Schrift

facebook

<font face="facebook" title="facebook" color="#3D579D">facebook</font>

YAHOO!

download - Schriftart

yahoo.otf • yahoo.ttf

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'yahoo'; /* Gewünschter Name */
         src: url('../fonts/yahoo.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
</style>

body - dort wo es stehen soll

<font face="yahoo" color="#7B0099" title="YAHOO!">YAHOO!</font>

Ovaler Kreis

<span style="font-family:yahoo;background-color:#7B0099;color:#fff;padding:5px;border-radius:50%;border:1;border-style:solid;border-color:#7B0099;font-size:1.5em;margin-left:25px;" title="YAHOO!">&nbsp;&nbsp;Y&nbsp;&nbsp;</span>

bing

download - Schriftart

topeka.otf • topeka.ttf

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'bing'; /* Gewünschter Name */
         src: url('../fonts/topeka.otf');} /* Pfad zur Schriftendatei, oder zur ttf-Datei */
</style>

body - dort wo es stehen soll

<font face="bing" color="#FFB900" title="bing">bing</font>

Informationen zur Schrift

Die aktuelle neue Schriftart habe ich als Download nicht gefunden, hier die alte Schriftart.

ebay

download - Schriftart

HankenGrotesk-VariableFont_wght.ttf

head - Bereich der Webseite

<style type="text/css">
      @font-face {
      font-family: 'ebay'; /* Gewünschter Name */
      src: url('../fonts/HankenGrotesk-VariableFont_wght.ttf');} /* Pfad zur Schriftendatei */
</style>

body - dort wo es stehen soll

<font face="ebay" title="ebay" style="letter-spacing: -0.13em;font-size: 1.5em;font-weight: bold;"><font color="#de0007">e</font><font color="#0064d2">b</font><font color="#f4ae00">a</font><font color="#7ab000">y</font></font>

Informationen zur Schrift

Das eBay-Logo ist eine speziell modifizierte Schrift, die nicht als Fließtext-Font zur Verfügung steht und deren Rechte ausschließlich bei eBay liegen. Hier wird die halbwegs passende Schriftart verwendet.

Aptos

Ursprünglich Bierstadt, ist eine statische Grotesk-Schriftart. Sie ist die neue Standardschriftart (2024) von Microsoft Office der Nachfolger von Calibri.

Download für Windows und Mac: aptos-font.zip

FLIXTRAIN FLIXBUS

Download Schriftenpaket: Magistral-Bold.zip

head - Bereich der Webseite

<style type="text/css">
        @font-face {
             font-family: 'flixbus';
             src: local('Magistral Bold'), local('Magistral-Bold'),
                  url('../fonts/Magistral-Bold/Magistral-Bold.woff2') format('woff2'),
                  url('../fonts/Magistral-Bold.woff') format('woff'),
                  url('../fonts/Magistral-Bold.ttf') format('truetype');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
                   }
</style>

body - dort wo es stehen soll

<p style="font-family:flixbus; color:#73d600; font-weight:bolder;">FLIXTRAIN FLIXBUS</p>

moz://a

Download Schriftenpaket: rockwell-nova.zip

head - Bereich der Webseite

<style type="text/css">
         @font-face {
         font-family: 'mozilla'; /* Gewünschter Name */
         src: url('../fonts/RockwellNova-Bold.ttf');} /* Pfad zur Schriftendatei */
</style>

body - dort wo es stehen soll

<font face="mozilla" title="mozilla" style=" color: #050505; background-color: #ffffff; font-size: 1.3em; padding: 5px;">moz://a</font>

License fonts

These fonts are licensed under the Open Font License.

You can use them in your products & projects - print or digital, commercial or otherwise.

This isn't legal advice, please consider consulting a lawyer and see the full license for all details.

Diese Schriftarten sind unter der Open Font License lizenziert.

Sie können sie in Ihren Produkten und Projekten verwenden - gedruckt oder digital, kommerziell oder anderweitig.

Dies ist keine Rechtsberatung. Bitte konsultieren Sie einen Anwalt und sehen Sie sich die vollständige Lizenz für alle Einzelheiten an.

Dir gefällt der Artikel? Möchtest Du diesen speichern oder weiterleiten?

Dieser Text, z.B. Rabattcode, wird nur in der App (Android/iPhone) angezeigt! //CSS

ONLine & OFFLine werden eins = ONELine

📫 Schnellkontakt

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

Bitte geben Sie keine sensiblen Daten wie Kreditkarteninformationen, Kranken- oder Steuerunterlagen oder Sozialversicherungsnummern an.

Rechtschreibprüfung (Spellcheck) en on.

Was ist fünf mal fünf:
Mensch oder Maschine CAPTCHA ist ein Akronym für „Completely Automated Public Turing test to tell Computers and Humans Apart“. Wörtlich übersetzt bedeutet das -Vollautomatischer öffentlicher Turing-Test, um Computer und Menschen zu unterscheiden. CAPTCHAs werden verwendet, um zu entscheiden, ob das Gegenüber ein Mensch oder eine Maschine ist, um Spam oder automatische Einträge zu Umgehen
Können Sie den Code / die Frage nicht lesen oder lösen? Laden Sie diese Seite bitte neu, bevor Sie Ihre Eingaben machen. Klicken Sie in diesem Fall auf Reload auf der Original Webseite!

Ich habe die Datenschutzerklärung
Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen, bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden. Mit einem klick, kommen Sie zur kompletten Datenschutzerklärung!

gelesen und akzeptiert. ^(*)

Sicherheitsinformationen
Wir bieten Ihnen ein hohes Maß an Sicherheit. So nutzten wir grundsätzlich das Hypertext Transfer Protocol Secure (HTTPS Schloss HTTPS - sicheres Hypertext-Übertragungsprotokoll), um die Kommunikation über das Internet zu schützen. Beachten Sie aber bitte, dass die Kommunikation über das Internet (E Mails eingeschlossen) nicht völlig sicher ist, und dass Personen, die nicht zu unserem Umfeld gehören, übermittelte Informationen abfangen und auf sie zugreifen könnten. Desweiteren werden unsere Server regelmäßig auf Unregelmäßigkeiten wie Viren, Phishing, gefährliche Downloads etc., durch Google und TrustedSite überprüft.

(*) Pflichtfeld(er)

Bewertungen

Ihr Feedback hilft…

… Angebote und Leistungen zu optimieren!
Mit Ihrer Bewertung tragen Sie dazu bei, Produkte und Dienstleistungen noch besser zu machen.
… Hilft Kunden bei der Wahl passender Angebote und Services!
Kundenbewertungen geben Ihnen und anderen mehr Orientierung und Entscheidungssicherheit.
… Kundenzufriedenheit zu steigern!
Ihr Erfahrungsbericht hilft, mögliche Probleme zu erkennen und Kundenwünsche besser umzusetzen.

Warum Sie Online Bewerten sollten!