Joomla! Content Editor w praktyce

Opis instalacji i konfiguracji zaawansowanego edytora tekstu dla Joomla!

więcej...

Simple Image Gallery Pro - podstawy

Opis instalacji i konfiguracji prostej galerii zdjęć

więcej...

RSForm! Pro - sposób na rozbudowane formularze

Opis instalacji i konfiguracji rozbudowanych formularzy

więcej...

Jak uruchomić system komentarzy Jom Comment?

Instalacja i konfiguracja systemu komentarzy Jom Comment

więcej...

Serwisy z szablonami Joomla!, które polecam

Polecane serwisy z darmowymi i płatnymi szablonami stron Joomla!

więcej...

Joomla 3.9 Templates

Templatki Joomla

Start

Blog

Dowolne czcionki na stronie internetowej

Skokowe wczytywanie się czcionki @font-face - rozwiązanie

Wpisany przez Joomla! Fan Sobota, 02 Październik 2010 23:11

(2 głosów, średnia ocena 4.50 na 5)

Font-Face - alternatywne czcionki w Joomla Od niedawna zacząłem stosować technikę @font-face do wyświetlania niestandardowych czcionek na stronach internetowych, które wdrażam. Wcześniej stosowałem sIFR'a oraz Cufon'a. Przy @font-face bardzo irytujący jest moment przeskoku ze zwykłej czcionki do czcionki generowanej za pomocą @font-face. Dzieje się to w momencie wczytywania się strony w przeglądarce Firefox. Co ciekawe, nie zauważyłem tego ani w Operze, Chrome oraz Internet Explrorerze. W innych mniej popularnych przeglądarkach stron WWW nie sprawdzałem.

Wracając do @font-face i Firefoxa, jest sposób na wyeliminowanie przeskoku w momencie wczytywania się (prawidłowo powinienem pewnie napisać: renderowania) naszej niestandardowej czcionki. Wystarczy w nagłówku naszej strony internetowej (w sekcji <head></head>) wstawić poniższy skrypt, który wyeliminuje irytujący przeskok czcionki:

<script type="text/javascript">
(function(){
 // if firefox 3.5+, hide content till load (or 3 seconds) to prevent FOUT
 var d = document, e = d.documentElement, s = d.createElement('style');
 if (e.style.MozTransform === ''){ // gecko 1.9.1 inference
 s.textContent = 'body{visibility:hidden}';
 e.firstChild.appendChild(s);
 function f(){ s.parentNode && s.parentNode.removeChild(s); }
 addEventListener('load',f,false);
 setTimeout(f,3000); 
 }
})();
</script>

Tags: font-face | niestandardowe czcionki | szablony joomla | templatki | templatki joomla

Set as favorite

Bookmark

Komentarze (0) Add Comment

Subskrybuj kanał RSS dla komentarzy

Napisz Komentarz

Musisz się zalogować aby dodać komentarz, zarejestruj się jeśli jeszcze nie masz konta

UWAGA: Jeśli chcesz napisać komentarz po raz pierwszy, zapoznaj się z zasadami komentowania.

Nowości

Popularne

O blogu

Joomla!Fan.pl jest blogiem poświęconym systemowi zarządzania treścią Joomla! Joomla jest obecnie jednym z najpopularniejszych systemów CMS udostępnionych na licencji GNU GPL, a ilość dostępnych darmowych komponentów i modułów stworzonych dla Joomla! liczona jest w tysiącach sztuk. Zaś codziennie tworzone są nowe...

Copyright © 2009-2019 Joomla! Fan - strona internetowa o najlepszym systemie CMS Joomla!
Pewne prawa zastrzeżone na licencji Creative Commons 2.5 Polska
Programowanie szablonu Projektowanie stron Joomla
Joomla! Fan is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Joomla! Content Editor w praktyce

Simple Image Gallery Pro - podstawy

RSForm! Pro - sposób na rozbudowane formularze

Jak uruchomić system komentarzy Jom Comment?

Serwisy z szablonami Joomla!, które polecam

Skokowe wczytywanie się czcionki @font-face - rozwiązanie

Menu główne

Najwyżej ocenione artykuły

Komentarze

Tagi

Nowości

Popularne

O blogu