Website Font Video Tutorials
-
Website Font Overview
This tutorial presents an overview of the features of CoffeeCup Website Font. It will show you how to use the Preview pane, select different fonts, add a new tag, import fonts, open sIFR Font Maker to convert a font on your computer, adjust the font size, color, alignment, and style, adjust the background color, choose a predefined effect set, create your own effects using the drop shadow, bevel, and glow effects, preview your font, and get the code to add the font to your Webpage.
(Version 4.0 used in this video tutorial) -
Creating Flash™ Fonts
This tutorial will show you how to convert fonts installed on your computer to SWF using CoffeeCup sIFR Font Maker for editing within Website Font. To do this, click the sIFR Font Maker button within Website Font. This will open sIFR Font Maker. Browse your computer for the desired font and the italic and bold versions (optional), select the glyphs, and then click the Export to Website Font button. Next, close sIFR Font Maker and navigate back to Website Font. Your new font will be listed in the Font pane. The video will also show you where to find free fonts on CoffeeCup Software's Website, http://www.coffeecup.com/freestuff.
(Version 4.0 used in this video tutorial) -
Importing Fonts
In this tutorial, you will learn how to import fonts into CoffeeCup Website Font. To do so, click the Import Font button and select the desired font. (Note: The font must be in PNG or SWF format.) Once imported, the font will appear in the Font pane and will be available for editing and previewing. The video will also show you how to remove any imported fonts from your Font pane.
(Version 4.0 used in this video tutorial) -
Adding Website Font to Visual Site Designer
This tutorial will show you how to add a Flash™ font created in CoffeeCup Website Font to a Webpage created in CoffeeCup Visual Site Designer. Saving your font brings up a window with instructions for adding the font to your page. This includes uploading the websitefontdata folder to your server and copying and pasting the provided code just before the closing head tag of your Webpage. Navigate to Visual Site Designer, click the Edit menu, and then select Edit Header. Paste the code into the provided field. Next, click the Settings menu and select Add Files. Within this window, you'll need to replicate the directory structure for your font located on your computer within the My Website pane. To do this, create a folder called mywebsitefontdata under the My Website pane, and within that folder, create a subfolder called fonts. Once you've done that, you can browse your computer for the websitefontdata folder, select each file within that folder, and then click Add All to add these files to the websitefontdata folder you created. The next step is to add the fonts within the fonts folder in your computer to the fonts folder under the My Website pane. To use your text in Visual Site Designer, click the HTML tool, use your mouse to create the area where you want the HTML to appear, and then type in the HTML for the header text you want to include on your page.
(Version 4.0 used in this video tutorial) -
Adding Website Font to HTML Editor
This tutorial will show you how to add a Flash™ font created in CoffeeCup Website Font to a Webpage created in CoffeeCup HTML Editor. Saving the font brings up a window providing detailed instructions for adding your font to your site. This includes uploading the websitefontdata folder to your server and pasting the provided code in your HTML document just before the closing head tag. The tutorial will also explain why your Flash™ font may not display correctly within the Preview tag of HTML Editor.
(Version 4.0 used in this video tutorial) -
Adding Website Font to FrontPage
This video outlines the steps involved in adding Flash™ fonts created in CoffeeCup Website Font to a Webpage created with Microsoft FrontPage. First, save your modified fonts. Saving opens a dialog box containing instructions for adding your fonts to your page. First, move your websitefontdata folder to your Website folder, and then copy the provided code. Paste the code just before the closing head tag. Finally, save your Webpage and upload it to your server, and you will be able to view your page, complete with your Flash™ font, online.
(Version 4.0 of Website Font and Version 2003 of FrontPage used in this video tutorial)
