|
Benutzer-Infos
|
|
|
|
|
|
Wenn Sie den Beitrag von Nestoslider hilfreich fanden, so bedanken Sie sich.
Danke erhalten: 9 |
Für diesen Post: 0 |
zuletzt von: noch niemand...
|
|
|
|
*schmunzel* natürlich hätte ich dir diesen von dir geposteten Lösungsweg auch posten können, allerdings ist es bei diesem Code so, dass die ttf Dateien bei dieser Variante, vom Client (Browser) jeden Aufrufers vorher nachgeladen werden. Manche User würde es evtl. stören, sich beim Aufruf deiner Seite, vorher deine ttf auf ihr System installieren zu müssen.
Quelle:
https://developer.mozilla.org/en/CSS/@font-face
Demnach wird es noch gar nicht von allen Browsern fehlerfrei unterstützt.
Wenn das ttf bereits local auf dem Rechner installiert ist, wird es verwendet, ansonsten von der im css definierten Quelle (src) heruntergeladen.
Da die wenigsten User deine bevorzugte ttf Schriftart bei sich installiert haben werden, würden sie dazu genötigt, sie sich zu installieren. Das ist nicht unbedingt Userfreundlich *tipp
Bei der von mir geposteten Variante, bleibt die ttf Datei auf dem Server, wird aber als Bild dargestellt und muss deswegen nicht auf dem Client-System installiert werden.
Und Sorry! Das war mein Fehler, da ich von mehr Grundwissen ausging.
Das pir Verzeichnis, sowie die jquery.pir.js (oder jquery.pir.min.js) und die pir.php Datei kann auch nicht vorhanden sein, da es nicht zu PHPKIT gehört.
Diese Dateien sind Bestandteil des ZIP-Archivs, welches man sich von der pir_Projektseite bei "download the Code" runterladen kann.
In meinem Beispiel ging ich davon aus, dass das entpackte pir-Archiv in fx/js/pir/ der PHPKIT Verzeichnisstruktur gelegt wurde.
OKAY. Noch mal ein genaueres Beispiel (anderes Verzeichnis):
also die Verzeichnisstruktur ab "fx" müsste erst in dieser Form (wie im ZIPArchiv bereits vorgegeben) erstellt werden:
fx/pir/jquery.pir.min.js (im Download enthalten)
fx/pir/jquery.pir.js (im Download enthalten)
fx/pir/pir.php (im Download enthalten)
fx/pir/fonts (fonts Ordner ist nicht im Download enthalten)
(könnte genau so gut in pk/fx/pir erstellt werden - das ist jedem selbst überlassen)
Wichtig ist nur, dass der $font_folder = "./fonts/"; in der pir.php richtig angegeben ist.
Auch die Pfadangabe zur pir.php müssen jeweils in des JavaScript Dateien angegeben werden.
Also ganz einfach zur Projektseite gehen
pir downloaden
entpacken
Innerhalb des pir Ordners einen fonts Ordner anlegen.
z.B. auf
http://www.fonts4free.net/elvish-ring-nfi-font.html deine Schriftart runterladen. (aufpassen, in dem Download hat der Dateiname Bindestriche statt Unterstriche ggf. umbenennen!)
In den fonts Ordner werden dann deine eigenen Schriftarten z.B. elvish_ring_nfi.ttf reingelegt. (pir/fonts/elvish_ring_nfi.ttf)
Das zuvor entpackte "pir" Verzeichnis in den Ordner "fx" des PHPKIT mit einem FTP Programm auf den Server hochladen. (fx/pir/)
Im ACP -> Konfiguration -> Meta-Angaben -> Eigene Headerangaben folgenden Code reinsetzen und wenn nötig, entsprechenden Code auskommentieren + Kommentartexte löschen:
 | Shell Code Anfang: (11 Zeilen) | Code markieren | | | /* nachfolgend Pfadangabe zu jquery.js z.B. */
/* <script type="text/javascript" src="fx/lightbox/jquery-1.7.1.js"></script> */
/* - falls nicht bereits wegen Lightbox etc. vorhanden (jquery darf nur 1x vorkommen) */
<script type="text/javascript" src="fx/pir/jquery.pir.js"></script>
<script type="text/javascript" class="active">
$(function() {
$.pir.options.php="fx/pir/pir.php";
$("h5").pir({font: "elvish_ring_nfi.ttf", size: 57, color: "#FCD13F"});
$("h6").pir({font: "elvish_ring_nfi.ttf", size: 44, color: "#FFFFFF", casing: "lowercase"});
});
</script>
| | | Shell ENDE: (11 Zeilen) | Code markieren | |
...das lässt sich beliebig mit anderen Tags erweitern
(falls jquery nicht vorhanden ist, muss es vorher heruntergeladen werden)
abspeichern nicht vergessen.
Dateianpassungen:
pir.php
Pfandangabe zum fonts Verzeichnis (Standard: "./fonts" - ausgehend vom pir Verzeichnis in der die pir.php liegt)
jquery.pir.js
suche analog die Stelle
| | Shell Code Anfang: (1 Zeile) | Code markieren | | | $.pir.options={php:"pir.php",font:"irgendein_fonttype.ttf" | | | Shell ENDE: (1 Zeile) | Code markieren | |
und ersetze es mit
| | Shell Code Anfang: (1 Zeile) | Code markieren | | | $.pir.options={php:"fx/pir/pir.php",font:"elvish_ring_nfi.ttf" | | | Shell ENDE: (1 Zeile) | Code markieren | |
jquery.pir.min.js
auch so
| | Shell Code Anfang: (6 Zeilen) | Code markieren | | | $.pir.options = {
php: "fx/pir/pir.php",
font: "elvish_ring_nfi.ttf",
wrap: false,
prettyPrint: false
};
| | | Shell ENDE: (6 Zeilen) | Code markieren | |
Immer wenn Du jetzt Inhalte (oder so) anlegst in denen html erlaubt ist, werden Texte innerhalb von < h 5>$text< / h 5 > oder < h 6 >$text < / h 6 > in deiner gewünschten Schriftart angezeigt.
Das war es auch schon. Fertig!
Also wie Du siehst, ist das gar nicht so schwer.
schöne Grüße
Nestoslider^^
edit: nachträgliche Anpassungen
ShoutBox
Popup
