June 02, 2012, 7:14 AM — Adobe Dreamweaver is a solid Web development tool that includes a code editor, a visual design mode, sophisticated Cascading Style Sheet tools for creating, editing, and managing CSS, and site management features such as a built-in FTP client for transferring files from your computer to your Web server. In Dreamweaver CS6, Adobe adds tools to work with new CSS properties, to build mobile-ready Websites, and to take advantage of Adobe's related services—Business Catalyst, a commerical web hosting platform and PhoneGap Build, a cloud-based service for compiling apps for mobile platforms.
[ FREE DOWNLOAD: The Apple security survival guide ]
For most of the history of the Web, designers have been forced to resort to a handful of fonts—those already installed on the majority of computers worldwide. Because traditional Web typography relies on fonts already existing on a visitor’s computer, designers couldn’t simply select among the thousands of beautiful fonts available.
Now, however, all major browsers support Web fonts: These let designers place a font on their own Web server and allow visitors to download it while viewing that particular website. Unfortunately, different font formats are required to support certain common Web browsers, so obtaining those different formats and figuring out the CSS code for using them can be tricky. For example, TrueType format works on many, but not all browsers, while Firefox uses Web Open Font Format, Internet Explorer 8 requires Embedded OpenType format, and some iOS versions require Scalable Vector Graphics format.
Dreamweaver CS6 helps with the second part—adding the CSS to your site code. You can find Web-ready fonts from various type foundaries, or download free fonts from FontSquirrel. Once you’ve downloaded the fonts, you can use the program's new Web Fonts Manager to add them to Dreamweaver. A straightforward interface makes it easy to select the fonts, and make them available when creating CSS styles. After you add a font to a CSS style, Dreamweaver copies the required font files into your site, and generates the CSS code to make the font available to your site’s pages and viewers.