Font Effect
Experiment with different font effects from Google Fonts. Find more Google font effect classes in enabling font effects (Beta).
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:900&effect=anaglyph|destruction|shadow-multiple" rel="stylesheet">
Place the above link in your document <head>
and don't forget to append the link with your code effect such as &effect=shadow-multiple
. Effects require google fonts, and work better with heavier weights.
Create an HTML tag suitable for displaying text such as <p>
or <h1>
, and apply a font-effect-[name]
class such as font-effect-shadow-multiple
.
font-effect-[name] experimental
Especially in technology, we need revolutionary change, not incremental change.
font-effect-anaglyph
<h2 class="font-google-source-sans-black font-effect-anaglyph">Especially in technology, we need revolutionary change...</h2>
Especially in technology, we need revolutionary change, not incremental change.
font-effect-destruction
<h2 class="font-google-source-sans-black font-effect-destruction">Especially in technology, we need revolutionary change...</h2>
Especially in technology, we need revolutionary change, not incremental change.
font-effect-shadow-multiple
<h2 class="font-google-source-sans-black font-effect-shadow-multiple">Especially in technology, we need revolutionary change...</h2>