Efektownie zdobione nagłówki z Google Fonts

Od pewnego czasu lubuję się w korzystaniu z niestandardowych fontów wyświetlanych z pomocą Google Fonts. Na potrzeby aktualnego projektu tej strony poszukiwałem niedawno nowego fontu, który odpowiadałby Mi w roli czcionki nagłówków (Roboto zdążyła Mi się przejeść ;) ). Odnalazłem Swój font (OpenSans Condensed), przy okazji jednakowoż coś ciekawego zwróciło Mą uwagę, a mianowicie...

..."efekty fontów" (!). Jest to bonusowa funkcjonalność Google Fonts, służąca do dodatkowego dekorowania wybranego przez Nas fontu wybranymi efektami, dzięki czemu Nasze nagłówki staną się jeszcze bardziej atrakcyjne, a strona będzie wyglądała ciekawiej. Co przyjemne, jest w czym wybierać: od różnorakich tekstów, poprzez różne obramowania i cienie, po poświatę, czy nawet efekt animowanego płonącego tekstu (!). Bardzo miła niespodzianka od Google i jednocześnie przyjemne poszerzenie pola dla Własnej kreatywności.

Funkcjonalność efektów fontów jest aktualnie w stadium beta, niemniej przy każdym z efektów mamy podaną informację, w jakich przeglądarkach aktualnie działają.

Implementacja jest prosta:

1. Do definicji importu interesującego Nas fontu w arkuszu CSS dodajemy - zaraz po jego nazwie - parametr "effect" z nazwą wybranego przez Nas efektu, jak np. tu:
   
   @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700&effect=vintage&subset=latin-ext');
2. W samym HTMLu potrzebujemy jeszcze dodać odpowiednią klasę elementom, którym chcemy nadać ten efekt, dla nagłówków H3 będzie to np. taki kod:
   
   <h3 class="font-effect-vintage">
   (podgląd wszystkich efektów, listę ich nazw oraz nazw klas znajdziemy na tej stronie)