Hallo,
ich bau gerade lokal (Xampp) eine neue Homepage und verwende dazu das "Favourite Template".
Das Template benutzt Icon von Font Awesome und in Joomla wird ja Icomoon verwendet.
In dem Template gibt es die Möglichkeit, die Module mit FontIcons, Rahmen usw. zu versehen. Diese Icons werden wie erwähnt von Font Awesome bereit gesetllt.
Da ich die Homepage für meinen Verein baue, möchte ich gerne diese Icons (Modulvariationen) gegen das Vereinslogo austauschen, welches ich bei Icomoon als *.svg hochgeladen und
als Iconfont heruntergeladen habe.
Die Font-Files von Icomoon, wie auch die *.css habe ich in den Ordnern vom Template angelegt, genauso wie die von Fontawesome.
Auch habe ich die "src url" angepasst:
@font-face {font-family: 'icomoon';src:url('../../icons/font/icomoon/icomoon.eot');src:url('../../icons/font/icomoon/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../../icons/font/icomoon/icomoon.woff') format('woff'), url('../../icons/font/icomoon/icomoon.ttf') format('truetype'), url('../../icons/font/icomoon/icomoon.svg') format('svg');}@font-face { font-family: 'icomoon'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAQoYAgICAQYB .... AAYkEAAGjBAABrAQAAaAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'); font-weight: normal; font-style: normal;
Wenn ich nun über den Firebag die class von einem Font Awesome Icon gegen meine vergebene class von Icomoon austauche, wird das Icon nicht angezeigt ...
Bei den classen irritiert mich aber die einzelnen Pfade und auch die einzelnen content Angaben, also z.b.
.fg-wappen .path1:before {
content: "\e600";
color: rgb(228, 35, 33);
}
.fg-wappen .path2:before {
content: "\e601";
margin-left: -1em;
color: rgb(220, 190, 16);
}
.fg-wappen .path3:before {
content: "\e602";
margin-left: -1em;
color: rgb(255, 255, 254);
Alles anzeigen
Wo habe ich ein Denkfehler?
Ich hoffe jemand kann mir helfen!
Vielen Dank und viele Grüße!