Anzeige

Homepage Auswahl zweier Schriften

Homepage Auswahl zweier Schriften | PSD-Tutorials.de

Erstellt von Vagant, 16.07.2013.

  1. Vagant

    Vagant Nicht mehr ganz neu hier

    Dabei seit:
    06.03.2010
    Beiträge:
    147
    Geschlecht:
    männlich
    Ort:
    Wittmund
    Software:
    Photoshop, Dreamweaver CSS6
    Homepage Auswahl zweier Schriften
    Hallo, ich möchte meine Homepage mit 2 Schriftarten versehen. Der Besucher soll entscheiden können, welche er benutzen möchte. Wie kann ich das realisieren?

    Ich weiß das man 2 CSS Dateien nutzen kann, aber wie genau macht man das?
     
    #1      
  2. limubai81

    limubai81 Nicht mehr ganz neu hier

    Dabei seit:
    29.03.2007
    Beiträge:
    189
    Geschlecht:
    männlich
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    Hiho für sowas brauch man nicht unbedingt 2 CSS-Dateien. Das geht auch über JS und funktioniert eigentlich im Grunde wie ein Script zur Schriftgrößenänderung.

    Such mal nach Scripten zur Schriftgrößenänderung, das sollte dich weiter bringen oder halt alternativ nach Stylesheetswitchern falls du doch 2 CSS-Dateien verwenden willst. ;)

    lg LiMu
     
    #2      
  3. Aelfry

    Aelfry Web Developer

    Dabei seit:
    17.02.2007
    Beiträge:
    794
    Geschlecht:
    männlich
    Ort:
    Mönchengladbach
    Software:
    CC, SublimeText, Git, Sass, Gulp
    Kameratyp:
    Canon EOS 60D
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    soll die Änderung gespeichert, also auch für die anderen Unterseiten wirksam sein?
    dann wird es wahrscheinlich auf PHP hinauslaufen (-> Sessions).
    oder soll es unmittelbar nach dem Klick auf einen Link/Button geändert werden?
    dann würde es auch mit javascript gehen (z.B. einfach die Klasse ändern)
     
    #3      
  4. Vagant

    Vagant Nicht mehr ganz neu hier

    Dabei seit:
    06.03.2010
    Beiträge:
    147
    Geschlecht:
    männlich
    Ort:
    Wittmund
    Software:
    Photoshop, Dreamweaver CSS6
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    hallo, der besucher soll auf der Startseite auswählen welche Schrift er möchte und das soll dann auf alle Unterseiten bleiben
     
    #4      
  5. yezinia

    yezinia Noch nicht viel geschrieben

    Dabei seit:
    12.10.2010
    Beiträge:
    20
    Geschlecht:
    männlich
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    Wie Aelfry bereits gesagt hat wirst du ohne etwas Serverseitiges nicht weit kommen. Wenn du natürlich per Knopfdruck die Schriftart ändern willst UND sie gleichzeitig speichern, dann empfiehlt sich AJAX.

    JQuery wäre da mein persönlicher Ansatz für
     
    #5      
  6. Vagant

    Vagant Nicht mehr ganz neu hier

    Dabei seit:
    06.03.2010
    Beiträge:
    147
    Geschlecht:
    männlich
    Ort:
    Wittmund
    Software:
    Photoshop, Dreamweaver CSS6
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    Ok, vielen Dank
     
    #6      
  7. Raphale

    Raphale angehender Webentwickler

    Dabei seit:
    09.10.2012
    Beiträge:
    87
    Geschlecht:
    männlich
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    Hi,
    Versuch mal dem obersten Element oder Body eine klasse anzuhängen (z.B. switch_font).
    css:
    body {font-family:arial;}
    .switch_font {font-family:verdana;}

    jquery-js :
    $(document).ready(function() {
    $('.toggle').click( function() {
    $('body').toggleClass('switch_font')
    });});

    ist nur nen Beispiel nicht getestet ! ;)
     
    #7      
  8. pacmanforever

    pacmanforever Nicht mehr ganz neu hier

    Dabei seit:
    28.12.2005
    Beiträge:
    108
    Homepage Auswahl zweier Schriften
    AW: Homepage Auswahl zweier Schriften

    man kann auch cookies benutzen :) und im body onload einlesen
     
    #8      
x
×
×