sIFR ratios: proti “poskakování” obsahu stránky
Stránka při načítání flashových souborů sIFRu může “poskakovat”. Je to nepříjemné, zejména v případě kdy obsahuje sIFR nadpisů více.
Můžeme tomu pomoci co nejpodobnější specifikací velikosti písma pro HTML verzi a pro sIFR verzi. Lepších výsledků pak dosáhneme použitím sIFR ratios - převodníků mezi velikostí HTML a sIFR verze textu.
sIFR v debugovacím módu vypočte ratios sám, návod je na sIFR wiki.
Použití je pak v sifr-config.js například takové:
sIFR.replace(nazev_fontu, {
selector: '#content h1',
ratios: [7, 1.58, 8, 1.48, 10, 1.5, 14, 1.45, 17, 1.43, 20, 1.41, 23, 1.4, 29, 1.39, 38, 1.38, 40, 1.37, 43, 1.38, 58, 1.37, 66, 1.36, 67, 1.37, 95, 1.36, 96, 1.35, 98, 1.36, 99, 1.35, 103, 1.36, 104, 1.35, 105, 1.36, 107, 1.35, 108, 1.36, 110, 1.35, 111, 1.36, 1.35],
css: [
'.sIFR-root {background-color: #ffffff; color: #333333; }',
],
});