Die Font-Dateien werden nicht geladen, sonst würden sie ja im Template bzw. auf der Homepage zu sehen sein. Oder hab ich deine Frage jetzt falsch verstanden?
Hab auch schon das komplette Fontsverzeichnis geladen. Ich probier mal weiter...
Die Font-Dateien werden nicht geladen, sonst würden sie ja im Template bzw. auf der Homepage zu sehen sein. Oder hab ich deine Frage jetzt falsch verstanden?
Hab auch schon das komplette Fontsverzeichnis geladen. Ich probier mal weiter...
Ne, also egal wohin ich die Fonts-Dateien kopiere und egal wo ich den von dir genannten Code hineinkopiere: Es klappt nicht.
Der einzig erkennbare Unterschied: Wenn ich den Code
/* Font Awesome */
@import 'all.css';
in die custom.css schreibe, dann werden dort, wo normal die Icons im Template sind/wären, viereckige Symbole angezeigt. Nehme ich den Code raus, sieht es wieder so aus wie jetzt die Online-Site, also komplett ohne Icons.
Und alles andere bewirkt gar nichts.
Trotzdem Danke.
Ich habe nur die 2 Font-Dateien runtergeladen, die auch online "angezapft" wurden. Mehr brauche ich ja - denke ich - nicht für mein Template.
Und was die css angeht: Da wurde (lt. Chrome Entwicklertool) nur die all.css heruntergeladen. Also habe ich auch nur die runtergeladen und jetzt local verfügbar.
Also die beiden Font-Dateien heißen übrigens "fa-regular-400.woff2" und "fa-solid-900.woff2" und liegen im Ordner "Fonts", wo auch die Google Fonts drin sind.
Bis jetzt funzt es noch nicht. In der Online-Page sind natürlich jetzt keine Icons zu sehen. Die fehlen.
Also im (generierten) Code für Google kann ich den Verweis auf den localen Fonts-Ordner erkennen. Klar. Aber das brauch ich doch dann auch für die localen Font Awasome-Fonts...
Edit: Sorry, schon wieder Überschneidung
https://tbo-computerservice.de/
Aber ich bin grad local auf Xampp am testen
Sorry, hatte sich überschnitten.
"3. Copy CSS" ?? Was ist das?
Edit: Also hab es jetzt so drin bzw. eingefügt:
/*!
* Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@import 'all.css';
.fa,
.fas,
.far, etc......
Es wird jetzt auch was geladen im Template, aber nicht die richtigen Icons
Hallo, Danke schon mal für die schnelle Antwort. Von Google Source Open Sans. Aber das hab ich ja schon local gespeichert und mit eben dem von dir verlinkten Tool hat das auch recht easy geklappt. Google-Fonts-seitig ist also alles schon in Butter.
Bzgl. Font Awesome: Kann ich den Code (all.css) nicht auch in meine custom.css mit reinkopieren? Der Google-Code ist da ja auch drin und funzt...
Edit: Bzgl. Google Font hab ich diesen (verweisenden) Code in der custom.css:
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
Und sowas in der Art bräuchte ich ja nun auch für Font Awesome, oder?
Hallo zusammen,
nach vielen Jahren "Homepage-Baukasten" hab ich nun meine erste Joomla-Homepage gebaut. Ich nutze das Template "astroid_template_zero" mit (oder von?) Astroid Framework.
Die Seite rennt ganz gut (Ladezeiten) und das Template finde ich klasse, deshalb möchte ich dabei bleiben.
Jede Menge Fragen und Probleme konnte ich schon durch Google oder Lesen hier im Forum klären. So z.B. die Thematik, die Google Web Fonts lokal einzubinden, damit sie nicht mehr aus dem Netz geladen werden (DSGVO und so...).
Nun ist es aber so, dass mein Template auch noch eine Verbindung zu Font Awesome aufbaut und da die Icons, Symbole usw. runterlädt. Auch das möchte ich unterbinden, da dieses Thema rechtlich wohl genauso eine "Grauzone" ist wie das Problem mit den Google Web Fonts.
Ich bin kein Profi, aber ich habe mit Chrome feststellen können, dass mein Template zwei Font-Dateien (oder -Ordner) anzapft und die Datei all.css auf dem Server von Font Awesome.
Diese Dateien hab ich schon auf dem Rechner. Nachdem ich die Verlinkung in der index.php entfernt habe, werden natürlich keine Icons mehr angezeigt im Template bzw. auf meiner Homepage.
Die Font-Dateien kann ich ja in meine bereits für Google Fonts extra angelegten Fonts-Ordner mit reinkopieren. Oder? Eine custom.css hab ich auch schon (für Google). Aber ich weiß nicht, welchen Code ich jetzt wo eingeben muss, damit sich mein Template die Fonts bzw. Icons local zieht...
Ich hab da leider bis jetzt nichts gefunden, bei Google nicht und hier auch nicht. Könnte mir da bitte jemand helfen?
Vielen Dank schon mal
P.S.: Joomla 3.9
Hab gestern Abend auch noch einiges dazu gelesen und mir auf Youtube 2 Videos angeschaut. Deinen Link werd ich mir heut Abend auch noch ansehen.
Vielen Dank erstmal!
So, also ich habe die template.css meiner Template-Kopie mit der weiteren Kopie dieser Kopie verglichen. Sind anscheinend identisch.
Änderungen habe ich immer nur in der template.css gemacht. Warum jetzt die Kopie und die Kopie der Kopie zwei verschiedene Templates uaswerfen, ist mir immer noch ein Rätsel.
Was ich jedoch noch erwähnen möchte: Ich habe bei meiner (ersten) Template-Kopie zwei- oder dreimal auf "Overrides erstellen" geklickt, ohne dass ich weiß, was das nun genau bewirkt hat. Da kam dann jeweils die Meldung, dass ein Override erstellt wurde, und sonst nix.
Kann es was damit zu tun haben?
Hallo, sorry wenn ich nicht immer sofort antworte. Jetzt war ich z.B. 3 Tage weg.
Werde eure Vorschläge bzw. Fragen erst mal abarbeiten und mich morgen wieder melden / antworten...
Danke erst mal!
Danke, aber da steig ich noch nicht ganz durch. Ich habe keinen speziellen Menüeinträgen irgendeinen anderen Template-Stile zugeordnet.
Ich habe meine Protostar-Kopie, die ich jetzt die ganze Zeit als Standard benutzt habe, nochmals kopiert, und sobald ich diese wiedrum als Standard setze (unter Stile), zeigt sich meine Seite bzw. das Template ohne die in meiner (ersten) Protostar-Kopie gemachten Änderungen. Spezielle Meüzuweisungen habe ich da nirgendwo gemacht.
Versteh ich da was falsch?
Also ich hab allen Menüpunkten das Standard-Template zugeordnet.
Das heißt doch, dass dann das unter Template-Stile von mir als Standard gewählte Template benutzt wird, oder?
Werd ich mir mal anschauen... Danke!
Du meinst unter Stile, oder? Ja, das habe ich. Oder muss ich das noch irgendwo anders machen?
Edit: Also ich klicke rechts auf das entsprechende Sternchen, um das jeweilige Template (unter Stile) als Standard zu setzen. Das ist doch richtig so, oder?
Hallo zusammen,
ich verstehe da was nicht und bitte um Hilfe:
Ich baue meine neue Seite (noch nicht online, daher kein Link) mit Protostar. Habe eine Kopie davon gemacht und darin einige Änderungen in der css gemacht.
Wenn ich auf das original Template umswitche, dann sehe ich sofort die Unterschiede wie Schriftfarbe usw.
Nun habe ich schon zweimal meine Protostar-Kopie nochmals kopiert, um eine weitere Sicherung meines geänderten Templates zu haben (und ich habe nicht den Stile kopiert, sondern wirklich eine Template-Kopie von der Kopie gemacht).
Wenn ich nun aber unter Stile die gerade gemachte Sicherungskopie des Templates als Standard setze, dann sind die Änderungen, die ich an der css meiner (ersten) Kopie gemacht habe, aber nicht wirksam. Wie kann das denn sein? Verstehe ich einfach nicht.
Und wie gesagt: Habe dann die Sicherungskopie gelöscht bzw. deinstalliert und nochmal eine neue Sicherungskopie meiner Template-Kopie erstellt, mit dem selben Ergebnis...
Kann mir das jemand erklären? Wenn ja: Vielen Dank schon mal im Voraus!
Gruß, Thomas
Hab's gecheckt. Danke.
Sorry, Fehler von mir. Jetztt klappt es. Tausend Dank! Gibt es hier keinen Dank-Button?
Wenn ich
#sidebar {display: inline;}
einfüge, wird der ganze Header asugeblendet in der Desktop-Ansicht
Dass alle Module in der mobilen Ansicht ausgeblendet werden, möchte ich eben nicht. Trotzdem Danke!
Indigo66: Werde ich ausprobieren. Danke!