Shock FX Font Effects

Welcome to the Shock FX font effects tutorial. Shock Fx is a HTML Friendly group, here to help you with all your needs. We are dedicated to helping others learn. Thank you for visiting our page.


Font Size


These are all the font sizes. Please NOTE: Some of the font sizes may look the same because of the 2.7 upgrade.


Size -1 Size 1 Size +1
Size -2 Size 2 Size +2
Size -3 Size 3 Size +3
Size -4 Size 4 Size +4
Size -5 Size 5 Size +5
Size -6 Size 6 Size +6
Size -7 Size 7 Size +7


Font Tags


These are the font tags.

Regular Text
Typewriter Text <tt>texthere</tt></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2><b> Bold Text</b></font><spacer type=horizontal w=5> <plaintext><b>texthere</b></plaintext> </td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2><blackface> Blackface Text</blackface></font><spacer type=horizontal w=5><plaintext><blackface>texthere</blackface></plaintext> </td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2><i> Italic Text</i></font><spacer type=horizontal w=5> <plaintext><i>texthere</i></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <sub>Sub Text</sub></font><spacer type=horizontal w=5> <plaintext><sub>texthere</sub></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <sup>Sup Text</sup></font><spacer type=horizontal w=5> <plaintext><sup>texthere</sup></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <u>Underline Text</u></font><spacer type=horizontal w=5> <plaintext><u>texthere</u></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <cite>Bibliographic Text</cite></font><spacer type=horizontal w=5><plaintext><cite>texthere</cite></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <code>Code Text</code></font><spacer type=horizontal w=5> <plaintext><code>texthere</code></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <dfn>Definition Text</dfn></font><spacer type=horizontal w=5><plaintext><dfn>texthere</dfn></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <em>Emphasis Text</em></font><spacer type=horizontal w=5> <plaintext><em>texthere</em></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <kbd>Keyboard Text</kbd></font><spacer type=horizontal w=5> <plaintext><kbd>texthere</kbd></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <samp>Sample Text</samp></font><spacer type=horizontal w=5> <plaintext><samp>texthere</samp></plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <stong>Strong Text</strong></font><spacer type=horizontal w=5><plaintext><strong>texthere</strong> (Semi bold)</plaintext></td> <tr> <td bc=#ffffff h=20 w=510><spacer type=horizontal w=30> <font size=1 color=#696969>�</font> <spacer type=horizontal w=10> <font color=#696969 size=2> <var>Program Text</var></font><spacer type=horizontal w=5><plaintext><var>texthere</var></plaintext></td> </tr></table> <br><br> <table cellspacing=0 cellpadding=0><tr> <td bc=#ffffff gradcolor=#808080 gradangle=-90 h=20 w=500> <spacer type=horizontal w=5> <font size=4 color=#696969 effect=emboss>�</font> <spacer type=horizontal w=10> <font color=#696969 size=5 effect=emboss> Font Effects</font></td> </tr></table> <br><br> <table cellspacing=0 cellpadding=0><tr> <td bc=#ffffff h=20 w=450 align=center> <font size=2 color=#696969><b> The full font code is: <plaintext><font color=? size=? effect=?>texthere</font></plaintext> Please NOTE: If you want the effect to show you can't use any font tags... an example of that is <plaintext> <font color=? size=? effect=?><b>texthere</b></font></plaintext> you can't have the Bold tag in there or it will not work. </font></td></tr></table> <br><br> <font color=#696969 size=2><b> This is the font effects there are 3.</font> <br><br> <table cellspacing=0 cellpadding=0><tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=shadow> Shadow</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=emboss> Emboss</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=relief> Relief</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=1 effect=shadow> Size 1</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=1 effect=emboss> Size 1</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=1 effect=relief> Size 1</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=2 effect=shadow> Size 2</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=2 effect=emboss> Size 2</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=2 effect=relief> Size 2</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=3 effect=shadow> Size 3</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=3 effect=emboss> Size 3</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=3 effect=relief> Size 3</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=4 effect=shadow> Size 4</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=4 effect=emboss> Size 4</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=4 effect=relief> Size 4</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=shadow> Size 5</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=emboss> Size 5</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=5 effect=relief> Size 5</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=6 effect=shadow> Size 6</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=6 effect=emboss> Size 6</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=6 effect=relief> Size 6</font></td> <tr> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=7 effect=shadow> Size 7</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=7 effect=emboss> Size 7</font></td> <td bc=#ffffff h=20 w=150 align=center><font color=#ffffff size=7 effect=relief> Size 7</font></td> </tr></table> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html><!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?ca1253811344" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=382091067&amp;t=1253811344&amp;f=ca-w8" ALT=1 WIDTH=1 HEIGHT=1>