Cufon

From ThaiiS Note (Wiki)

Contents 1 How to generate & activate the fonts 2 generater 3 download cufon 4 more 5 styling 6 fonts 7 on thapwarin 2 font

How to generate & activate the fonts

• First you have to convert your font-file (.ttf, .otf) into a Cufón compatible format.
• You can do this by using Cufón's own generator at http://cufon.shoqolate.com/generate/
• In the next step you must create the directory /fonts/ in /wp-content/plugins
• Then upload your .font.js font-files to /wp-content/plugins/fonts/
• The Plugin will recognize your uploaded fonts and activate them.

generater

• http://cufon.shoqolate.com/generate/

download cufon

• for wordpress http://wordpress.org/extend/plugins/wp-cufon/download/
• http://cufon.shoqolate.com/js/cufon-yui.js

more

• http://wiki.github.com/sorccu/cufon/styling

styling

• http://cufon.shoqolate.com/examples/text-shadow.html

<script type="text/javascript">

			Cufon.replace('h1', {
				textShadow: '#fff -1px -1px, #333 1px 1px'
			});

			Cufon.replace('h2', {
				textShadow: '#fff 1px 1px, #333 -1px -1px'
			});

			Cufon.replace('h3', {
				textShadow: '#333 1px 1px'
			});

			Cufon.replace('h4', {
				textShadow: '-1px -1px rgba(51, 51, 51, 0.6)'
			});

		</script>

<script src="http://www.silk.com/member/cufon-yui.js" type="text/javascript"></script>
<script src="http://www.silk.com/member/Quicksand_Book_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h4'); // Works without a selector engine
Cufon.replace('h5'); // Works without a selector engine
</script>

fonts

• http://www.cufonfonts.com

on thapwarin 2 font

<script src="http://thaiis.com/thaiis-scripts/cufon/cufon-yui1.09i.js" type="text/javascript"></script>
<script src="http://thaiis.com/thaiis-scripts/cufon/fonts/Helvetica_Neue_LT_Std_275.font.js" type="text/javascript"></script>
<script src="http://thaiis.com/thaiis-scripts/cufon/fonts/Helvetica_Neue_LT_Std_275-Helvetica_LT_Std_300.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h3');
Cufon.replace('h4');
Cufon.replace('h1', { fontFamily: 'Helvetica Neue LT Std' });
Cufon.replace('h2');
</script>