1> Go to your Theme / CSS style sheet and change the Font-family values - to web safe ones... see list below... font-family: Arial, Helvetica, sans-serif; font-family: 'Arial Black', Gadget, sans-serif; font-family: 'Bookman Old Style', serif; font-family: 'Comic Sans MS', cursive; font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: 'MS Serif', 'New York', sans-serif; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-family: Symbol, sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family: 'Times New Roman', Times, serif; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family: Webdings, sans-serif; font-family: Wingdings, 'Zapf Dingbats', sans-serif;
2> Add a custom font... This will upload the font to the customers computer etc... you can also use a javascript (more research would be required, also with this otion you will need to test your website in each browser --- and make the correct CSS changes... reference included. Regards Simon...
PS: Don't forget to add the font to your server, you might have to add a diferent path to the "src: url( your font location and name );"
/* In the Theme / CSS style sheet */ @font-face { font-family: Goudy_Stout; font-style: normal; font-weight: 700; src: url(GOUDYST0.eot);
/* In the Theme / CSS style sheet, change the p.custom_foont to the required class, div, a.ref etc... */ p.custom_font{font-family: Goudy_Stout; /* no .ttf */ }