Einen wunderschönen guten Morgen,
bin noch sehr neu in Joomla, habe ein eigenes Template erstellt, das funktioniert soweit auch wunderbar.
Nun habe ich einen eigenen Font eingebunden (Jura), diesen möchte ich gern auch anzeigen lassen, nur leider funktioniert das im "Content" Bereich, dort wo die Articles eingefügt werden leider nicht. Beim Menü hingegen wird der Font tadellos angezeigt.
Beim Erstellen von Artikeln ignoriert TinyMCE scheinbar rigoros den Font und gibt da einfach Standard-Fonts aus:
Zitat<p style="text-align: justify; font-size: 11px; line-height: 14px; margin: 0px 0px 14px; padding: 0px; color: #000000; font-family: Arial, Helvetica, sans;">
Wie schaffe ich es nun, dass der Font auch für Articles verwendet wird (also im FrontEnd korrekt ausgegeben wird)?
Verwendet wird Joomla 3.4.1
So sieht meine index.php aus:
<?php defined( '_JEXEC' ) or die; echo '<?xml version="1.0" encoding="'.$this->_charset.'"?>'; echo '<!DOCTYPE html>';?><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" ><head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /></head><body> <div id="container"> <div id="top-logo"></div> <div id="section-pic"><jdoc:include type="modules" name="top-img-emotional" style="XHTML" /></div> <div id="menu"><jdoc:include type="modules" name="top-menu" style="XHTML" /></div> <div id="content"><jdoc:include type="component" style="XHTML" /></div> <div id="footer"><jdoc:include type="modules" name="footer" style="XHTML" /></div> </div></body></html>
und so meine template.css:
@charset "utf-8";
@font-face {
font-family: 'juramedium';
src: url('../fonts/jura-medium-webfont.eot');
src: url('../fonts/jura-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/jura-medium-webfont.woff2') format('woff2'),
url('../fonts/jura-medium-webfont.woff') format('woff'),
url('../fonts/jura-medium-webfont.ttf') format('truetype'),
url('../fonts/jura-medium-webfont.svg#juramedium') format('svg');
font-weight: normal;
font-style: normal;
}
*
{
margin : 0px;
padding : 0px;
border : 0px;
}
html, body
{
height : 100%;
background : #FFFFFF;
}
body
{
font-family : juramedium, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000000;
line-height : 1.5em;
}
#container
{
position : relative;
margin : 0px auto;
padding : 0px;
min-height : 100%;
width : 800px;
background : #FFFFFF;
}
* html #container
{
height : 100%;
}
#top-logo
{
width : 800px;
height : 84px;
border : none;
background : url('../images/top-logo.jpg') no-repeat;
}
#section-pic
{
width : 800px;
height : 300px;
border : none;
}
#menu
{
width : 800px;
height : 70px;
border : none;
background : url('../images/bg_menu.jpg') repeat-x;
clear : left;
}
#content
{
padding : 30px 30px 70px 30px;
font-family : juramedium, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000000;
line-height : 1.5em;
}
#footer
{
position : absolute;
bottom : 0;
margin : 0px auto;
padding : 0px;
height : 63px;
width : 800px;
background : url('../images/bg_footer.jpg') repeat-x;
}
#menu ul
{
list-style : none;
margin-left : 9px;
}
#menu li
{
display : block;
float : left;
/*border-right : 1px solid #000000;*/
}
#menu li a
{
display : block;
float : left;
padding-left : 11px;
padding-right : 11px;
height : 20px;
padding-top : 14px;
text-decoration : none;
text-align : center;
color : #000000;
font-size : 17px;
}
#menu ul.menu li.current a {
color : #FFFFFF;
text-decoration : none;
border-bottom : 2px solid #FFFFFF;
padding-bottom : 1px;
}
#menu li a:active, #menu li a:hover, #menu li a:focus
{
color : #FFFFFF;
text-decoration : none;
border-bottom : 2px solid #FFFFFF;
padding-bottom : 1px;
}
#content .item-page p
{
font-family : juramedium, Arial, Helvetica, sans-serif;
}
Alles anzeigen
Bin schon leicht am Verzweifeln, habe die halbe Nacht googlenderweise verbracht...
Häng noch einen Screenshot an, da wird das Problem klarer...
Danke,
SG,
der Harry