Wie man apple-website-wie-schriftart-Stil?

Apple verwendet in seiner Webseite eine schriftart mit einer Art weißen Schatten, der es so Aussehen wie ein graviert/geätzt schriftart. Ich fand einige tricks, aber es ist immer sehr begrenzt. (btw der gleiche Effekt wird verwendet, in dieser web-site zu mit unterschiedlicher Farbe)

Was Sie tun, um diese schriftart-Effekt und funktionieren in allen Browsern. Jemand kennt ein script (javascript oder sogar css-Zeug), um den exakt gleichen Effekt ?
Danke

  • Bitte geben Sie ein Beispiel von der Wirkung, die Sie zu reden. Ich kann nicht sehen, nichts besonderes auf den link, den Sie angegeben haben.
InformationsquelleAutor john | 2011-04-30
  1. 6

    Nicht sicher wo du meinst das in der Apple-site, aber in den anderen link, es ist erreicht mit den folgenden CSS...

    text-shadow: white -1px 1px;

    Wie gewohnt, die neuesten CSS-Zeug ist nicht so gut unterstützt, DH. Ich könnte mir vorstellen, dass < IE9 nicht unterstützt diese Eigenschaft.

    Sieht es aus wie Sie können, verwenden Sie die proprietären Microsoft - filter Eigenschaft, etwas zu erreichen, ähnlich...

    filter: Shadow(Color=#fffffff, Direction=0, Strength=1);
    • Es ist erwähnenswert, dass die text-shadow-Eigenschaft wird nicht unterstützt, in allen Browsern, da es nicht Teil der CSS 2.1-Spezifikation.
    • Nicht alle Browser unterstützen CSS 2.1 entweder 🙂 ich Mach ein edit.
    • Haha, fair genug.
    • Danke es ist wirklich hilfreich, aber, wie apple in der Lage ist ti erhalten, es funktioniert überall, ich habe überprüft im IE6 funktioniert es Prima ! zum Beispiel hier : apple.com/iphone auf Online-Shop / Visit Stor
    • Sie können angeben, auf welchen Teil des Textes du meinst?
    • Dieses : "Um Ihr iPhone 4 online und bekommen es direkt an Ihre Tür geliefert. Es Schiffe, die frei und einsatzbereit sind." es ist eine kleine weiß-Effekt rund um die Buchstaben. Es ist mehr sichtbar hier : apple.com/iphone/ios4 in die "Elegante und intuitive Benutzeroberfläche" paragraphe zum Beispiel

    InformationsquelleAutor alex
  2. 3

    Für das Protokoll, das funktioniert nicht in allen Browsern. Nicht sicher, ob es funktioniert in jeder version des IE, aber im FF, Chrome und Safari sollte es funktionieren.

    Den CSS-Schlüssel-Attribut ist text-shadow. Hier eine schnelle ref

    Beispiel Folgen:

    <style type="text/css">
   body {
     background-color: gray;
     color: black;
     text-shadow: 0px 1px 0px white;
   }
</style>
    InformationsquelleAutor rossipedia
  3. 1

    Habe ich einige schnüffeln rund um google und das ist das, was apple "angeblich" verwendet... 

    h1 {

color:black;

font: 35px/50px "Lucida Grande", Arial, Verdana, sans-serif;   

}
    InformationsquelleAutor unknown coder
Schreibe einen Kommentar