Daftar Lengkap Efek Tulisan dari Google Fonts. Tutorial ini penting/tidak penting sehingga terlihat membosankan. Ya tutorial ini merupakan kelanjutan dari postingan sebelumnya.
Misal penambahan Nama API (efek) ke dalam url.
<link href='http://fonts.googleapis.com/css?family=Open+Sans&effect=shadow-multiple' rel='stylesheet' type='text/css'/>
Jika ingin menambahkan efek tulisan lagi, lakukanlah penambahan Nama API (efek) dengan tanda pemisah |.
Penggunaan
Penggunaannya dengan menambahkan class='Nama Class'. Contoh.
<p class='font-effect-shadow-multiple'>Efek Shadow Multiple</p>
Untuk melihat lebih lengkapnya, baca di bawah ini.
Daftar Lengkap Efek Tulisan dari Google Fonts
| Contoh Efek |
Nama API |
Nama Class |
Mendukung |
| Anaglyph |
anaglyph |
font-effect-anaglyph |
Chrome, Safari, Firefox, Opera |
| Brick Sign |
brick-sign |
font-effect-brick-sign |
Chrome, Safari |
| Canvas Print |
canvas-print |
font-effect-canvas-print |
Chrome, Safari |
| Crackle |
crackle |
font-effect-crackle |
Chrome, Safari |
| Decaying |
decaying |
font-effect-decaying |
Chrome, Safari |
| Destruction |
destruction |
font-effect-destruction |
Chrome, Safari |
| Distressed |
distressed |
font-effect-distressed |
Chrome, Safari |
| Distressed Wood |
distressed-wood |
font-effect-distressed-wood |
Chrome, Safari |
| Emboss |
emboss |
font-effect-emboss |
Chrome, Safari, Firefox, Opera |
| Fire |
fire |
font-effect-fire |
Chrome, Safari, Firefox, Opera |
| Fire Animation |
fire-animation |
font-effect-fire-animation |
Chrome, Safari, Firefox, Opera |
| Fragile |
fragile |
font-effect-fragile |
Chrome, Safari |
| Grass |
grass |
font-effect-grass |
Chrome, Safari |
| Ice |
ice |
font-effect-ice |
Chrome, Safari |
| Mitosis |
mitosis |
font-effect-mitosis |
Chrome, Safari |
| Neon |
neon |
font-effect-neon |
Chrome, Safari, Firefox, Opera |
| Outline |
outline |
font-effect-outline |
Chrome, Safari, Firefox, Opera |
| Putting Green |
putting-green |
font-effect-putting-green |
Chrome, Safari |
| Scuffed Steel |
scuffed-steel |
font-effect-scuffed-steel |
Chrome, Safari |
| Shadow Multiple |
shadow-multiple |
font-effect-shadow-multiple |
Chrome, Safari, Firefox, Opera |
| Splintered |
splintered |
font-effect-splintered |
Chrome, Safari |
| Static |
static |
font-effect-static |
Chrome, Safari |
| Stonewash |
stonewash |
font-effect-stonewash |
Chrome, Safari |
| Three Dimensional |
3d |
font-effect-3d |
Chrome, Safari, Firefox, Opera |
| Three Dimensional Float |
3d-float |
font-effect-3d-float |
Chrome, Safari, Firefox, Opera |
| Vintage |
vintage |
font-effect-vintage |
Chrome, Safari |
| Wallpaper |
wallpaper |
font-effect-wallpaper |
Chrome, Safari |
Semoga bermanfaat.
