Što je OpenType?
Povijest
OpenType je razvijen kao zajednički projekt Microsofta i Adobea 1996. godine, kombinirajući najbolje aspekte TrueType i PostScript formata.
Format
Jedinstven format (.otf/.ttf) koji podržava do 65,536 glifova, omogućavajući bogatije tipografske mogućnosti od bilo kojeg prethodnog formata.
Univerzalnost
Potpuno kompatibilan s Windows, MacOS i Linux sistemima, te svim modernim web preglednicima i dizajnerskim alatima.
Napredne Značajke
fi fl ff ffi ffl → ligature
Ligature
Automatsko spajanje znakova u estetski ugodnije kombinacije. OpenType podržava standardne, kontekstualne i dekorativne ligature.
font-variant-ligatures: common-ligatures;
1234567890 → oldstyle
Alternativni Brojevi
Izbor između lining i oldstyle brojeva, proporcionalnih ili tabličnih, te razlomaka i nadbroja/ podbroja.
font-variant-numeric: oldstyle-nums;
OpenType u CSS-u
/* Osnovna sintaksa */
.text {
font-feature-settings: "liga", "dlig";
}
/* Aktiviranje specificnih značajki */
.heading {
font-feature-settings: "smcp", "c2sc";
}
/* Numeričke varijacije */
.numbers {
font-feature-settings: "lnum", "tnum";
}/* Moderniji pristup */
.text {
font-variant-ligatures: common-ligatures contextual;
font-variant-caps: small-caps;
font-variant-numeric: oldstyle-nums proportional-nums;
}
/* Shorthand sintaksa */
.advanced {
font-variant: small-caps oldstyle-nums slashed-zero;
}/* Varijabilni fontovi */
@font-face {
font-family: 'VariableFont';
src: url('font.woff2') format('woff2 supports variations'),
url('font.woff2') format('woff2-variations');
font-weight: 100 900;
font-stretch: 75% 125%;
}
.dynamic-text {
font-variation-settings: "wght" 450, "wdth" 110;
}Varijabilni Fontovi
400
100
0
OpenType Varijabilni Fontovi - Budućnost Tipografije