I'm a Joomla beginner, and I'm creating a personal website using Bootstrap 3 and Joomla! 3.3. I saw something about Glyphicons not work with the custom B3. [I used the Customizer]
My template has the following structure:
template/ - css/ bootstrap.css | template.css | screen.css - fonts/ glyphicons-halflings-regular.eot | glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf | glyphicons-halflings-regular.woff - images/ logo.png - js/ boostrap.js - component.php - favicon.ico - index.html - index.php - template_thumbnail.png - template_preview.png - templateDetails.xml
In bootstrap.css file, @font-face
looks like this:
@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
The default Bootstrap version loaded is 2.3.2 in Joomla!3.3, but I'm using the Bootstrap version 3 loaded this way:
?php defined('_JEXEC') or die;
$doc = JFactory::getDocument();
$doc->addStyleSheet('templates/' . $this->template . '/css/bootstrap.css');
$doc->addScript('/templates/' . $this->template . '/js/bootstrap.js', 'text/javascript');
?>
What is wrong?