Wie glatt Schlagzeilen mit HTML und CSS erstellen?

StackOverflow https://stackoverflow.com/questions/2314713

  •  22-09-2019
  •  | 
  •  

Frage

Vor kurzem sah ich eine Menge von Web-Seiten, die sehr glatt Schlagzeilen haben, wie diese Website zum Beispiel: http: // boagworld. com /

Wie gehen sie über das zu tun? Gibt es versteckte Hinweise?

An einem Punkt, den ich von einer Technik gehört, wo sie verwendet Flash (glaube ich) einzubetten benutzerdefinierte Schriftarten auf einer Website und dann normale Schlagzeilen ersetzen mit diesem Flash-Alternative.

Was andere Möglichkeiten gibt es, außer Blitz?

War es hilfreich?

Lösung

Angenommen, Sie nicht verwenden, um Bilder als Text Ersatz möchten, gibt es verschiedene Techniken, die in sehr unaufdringliche Weise Schriftverbesserung anzupassen:

  • mit Flash - SIFR
  • reine CSS = @font-face und direkt Einbetten von Schriftarten in ttf oder otf
  • JavaScript Verbesserungstechnik, wird das Skript aufgerufen wird, Cufon

Ich persönlich wie zu bedienende Web-Safe-Fonts mit Kombination von weniger bekannt und tun richtiger Ausweich

Andere Tipps

Sie sind nur Bilder als CSS Hintergrund für bestimmte Dinge verwenden, in diesem Fall:

http://boagworld.com/wp-content/themes /BoagworldV2/images/logo.gif

Sie können tun, was Sie wollen mit ein paar Bildern und CSS, so etwas wie: 

#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }

Wenn Sie keine Bildersetzung oder sIFR verwenden möchten, wollen aber benutzerdefinierte Schriftarten, Sie einen Blick auf Typekit nehmen sollte - http://typekit.com/ . Sie können Sie benutzerdefinierte Schriftarten nennen (dass sie an Sie lizenziert haben) direkt von Ihrem Stylesheet mit font-family und Verwendung Javascript auf Ihrer Seite eingebettet die Schriften von ihren Servern zu dienen. Ich benutze sie ihren Dienst auf einem Augenblick Projekt und bisher scheint es gut zu funktionieren. Sie haben nicht eine riesige Bibliothek von verfügbaren Schriftart noch nicht, aber es ist immer noch größer als Arial, Verdana, Georgia und Times New Roman.

würde ich empfehlen, Cufón für diese. Es ist nicht-Flash (JavaScript), wirklich sehr einfach einzurichten, und degradiert anmutig.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top