外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。（2）在【添加为】中选择其中的一个选项：◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个<link>标记，并引用已发布的样式表所在的URL。<link>标记必须放在页面的<head>区域。Internet Explorer和Netscape Navigator都支持此方法。◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import。注意：不能使用 【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。
用font-face即可，如下
@font-face
{
font-family: myFont
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot')
}
为处理兼容性，可以设置引入多个格式的字体文件，上面进入了两种，然后在需要用到这种字体的地方 设置属性 font-family: myFont 即可
用Macromedia Dreamweaver新建一个css样式表，保存在css文件夹下。然后再你的网页中<head></head>区域间加入外部调用cssy样式表。如：<link href="css/style.css" rel="stylesheet" type="text/css" />
