Schriftart über BBCode ändern

  • Hi Leute,
    ich betreibe aktuell ein Star Wars Forum. Nun würde ich meinen Nutzern gerne die Möglichkeit anbieten, die Schriftart "Aurebesh" in ihren Beiträgen zu nutzen.
    Jetzt hab ich gelesen dass man die dort vorhanden Schriftarten leider nicht ergänzen kann. Nun meine Frage. Ist dies vielleicht irgendwie über BBCode realisierbar?


    Vielen Dank und liebe Grüße.

  • Du kannst mit [font="{name der Schriftart}"]Text in der entsprechenden Schriftart[/font] eine Schriftart mit BBCodes verwenden. Ich glaube allerdings nur "Standard"-Arten (z.B. Arial,..)



    MfG

  • Einen neuen Font im Editor bei den Schriftarten kannst du nicht zufügen, das ging leider nur im wbb2 noch .. ab wbb3 nicht mehr :(


    auch ein bbcode ist mir nicht bekannt ..


    du kannst aber einen Googlefont in das Footertemplate einbinden und per CSS ansprechen - sodass dieser Font im ganzen Stil erscheint, also überall, oder halt, welche Klassen/Ids du ansprichst, mit dem Font :)


    eine genauere Erklärung hatte ich bereits vor einer Weile hier als bebildertes Tutorial gepostet:
    Googlefonts im Stil nutzen


    (Registration leider vorrausgesetzt, da der ein oder andere bereits meinte, unsere Tutorials klauen und für eigene Seiten verwursten zu müssen)

  • Das hatte ich auch schon in Betracht gezogen, aber diese Schriftart gibt es leider nicht als Googlefont. Sind Dir noch andere Methoden bekannt, wie man Schriften aus anderen Quellen auf der Seite verwenden kann?





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

  • Wenn du die Schriftdateien hast und nutzen kannst/darfst, kannst du sie auf dem eigenen Server ablegen und einbinden. Ich hab mal auf die Schnelle bei Google das hier als grobe Anleitung gefunden http://www.mediaevent.de/css/font-face.html (Vom kurzen Überfliegen scheint das zu passen). Die Dateien würde ich dann im font Verzeichnis des WCF (wcf/font) ablegen und dann im Stil einbinden, der Pfad zur Datei (bzw. zu den Dateien) muss dann natürlich angepasst werden.


    Als externe Quelle würde mir sonst nur noch Typekit einfallen, Preise hier: https://typekit.com/plans

  • 1. Problem :D


    Wenn das mit font-face in meinen stil Einbaue (Über "erweiterte Einstellungen") crashed die Seite.
    Habs auch übers Template versucht. Header Template kopiert und das eingefügt:


    Code
    @font-face {        |
        font-family: schriftart; 
        src: url(/wcf/font/schriftart.woff); }

    Und das Template mit dem Stil verknüpft aber leider ohne erfolg.


    2. Wie krieg ich eine Schriftart die somit einbaue als Auswahl bei den Beiträgen? Hätte gern dass die unter den anderen Schriftarten auch zur Verfügung steht (benötigte die Schriftart nur in den Beiträgen, alles andere auf der Page soll so bleiben)

    Edited once, last by Bralor ().

  • OK dann ist es halt etwas aufwendiger mit [Font][/font]....soll mir auch recht sein aber selbst das geht nicht :D

  • 1. Problem :D


    Wenn das mit font-face in meinen stil Einbaue (Über "erweiterte Einstellungen") crashed die Seite.
    Habs auch übers Template versucht. Header Template kopiert und das eingefügt:


    Code
    @font-face {        |
        font-family: schriftart; 
        src: url(/wcf/font/schriftart.woff); }

    Und das Template mit dem Stil verknüpft aber leider ohne erfolg.

    Hat jemand einen Rat?

  • Unter welcher Adresse ist denn das Forum zu finden? Vllt. kann man ja mal einen Blick drauf werfen und sieht dann was falsch ist.

  • Hier mal meine genaue Vorgehensweise:


    Hab diesen Code im Stil eingefügt:



    Code
    @font-face {
        font-family: 'aurebeshregular';
        src: url('http://www.swteamdelta.de/forum/wcf/font/aurebesh-webfont.eot');
        src: url('http://www.swteamdelta.de/forum/wcf/font/aurebesh-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://www.swteamdelta.de/forum/wcf/font/aurebesh-webfont.woff2') format('woff2'),
             url('http://www.swteamdelta.de/forum/wcf/font/aurebesh-webfont.woff') format('woff'),
             url('http://www.swteamdelta.de/forum/wcf/font/aurebesh-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    Natürlich befindet sich an verlinktem Ort die Dateien.



    Dann hab ich mit dem BBCode experimentiert. Da bin ich mir etwas unsicher da ich nicht sooooviel Ahnung von der Materie hab aber egal was ich versuchte, es hat nichts funktioniert:


    Öffnendes/Schließendes HTML-Tag: span
    HTML-Code des Atributes: style="font-family: aurebeshregular"


    oder auch


    Öffnendes/Schließendes HTML-Tag: font
    HTML-Code des Atributes: face="aurebeshregular"


    oder auch


    Öffnendes/Schließendes HTML-Tag: p
    HTML-Code des Atributes: style="font-family: aurebeshregular"




    Leider ohne Erfolg.
    Auch das einfach funktionierte nicht.

    Edited once, last by Bralor ().

  • font-family: aurebeshregular

    Das kann so auch nicht funktionieren. Du musst den Namen der Schrift verwenden.




    also font-family: Aurebesh;


    Allerdings konnte ich damit in den Entwicklertools auf deiner Seite grad auch kein Ergebnis erzielen können. Hab evtl. morgen etwas mehr Zeit.

  • Da es bei dem font-face so hinterlegt ist:
    font-family: 'aurebeshregular';


    Ging ich davon aus dass ich es auch so benennen muss. Aber ich versuch das adnere auch mal :)


    EDIT: Ich habs :D Problem war die Verlinkung. Mit "../font/aurebesh-webfont.eot" hats dann geklappt.


    Vielen lieben Dank an alle :)

    Edited once, last by Bralor ().

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!