Własna czcionka i przycisk (button)

May 31st, 2010 by damian Leave a reply »

Dzisiaj spotkałem się z problemem podczas wstawiania do aplikacji własnej embeed’owanej czcionki. Robi się to w CSSie w ten sposób:

@font-face {
src: url("../fonts/moja-czcionka.ttf");
fontFamily: MyFont;
}

Następnie w prosty sposób można ustawić czcionke dla np. Aplikacji:

Application {
fontFamily: MyFont;
}

Do tej pory wszystko działa bez zarzutu. Jednak, gdy ustawiałem czcionke dla przycisku:

Button {
fontFamily: MyFont;
}

no to coś nie grało, bo czcionka nie pojawiała się. Była to zwykła polska czcionka:

  • styl – normalny
  • grubość – normalna

Okazało się, że problemem był fakt, że Flex jako domyślną grubość czcionki dla przycisków ustawia bold, a moja czcionka była normalnej grubości. Stąd, po dodaniu jednej linijki do stylu przycisku:

Button {
fontFamily: MyFont;
fontWeight: normal;
}

wszystko działało. Trochę mnie zdenerwowała taka błahostka, bo spędziłem nad nią trochę czasu, dlatego mam nadzieje, że ten wpis go komuś zaoszczędzi.

Advertisement

Leave a Reply

Flexmaniaks on Facebook