テキストを明朝体で表示したいのですが・・・

レイアウトウインドウでテキストを入力の後、テキストを選択し、メニューバーの書式よりフォント、日本語明朝系フォントを選択しました。
レイアウトウインドのプレビュー画面では明朝系になっているのですが、サファリのブラウザでプレビューすると、ゴシック体になってしまっています。
また、CSSエディタも使ってみました。
basic.cssをダブルクリックし、新規クラススタイルをクリックし、pのところにカラーを水色、背景色をグレーにし、とフォントの設定を試みました。
すると、明朝体にはなったものの、カラーは黒に、背景は白になっておりました。そこで、試しにbodyにも同じ設定を試みた所、カラー、背景は反映されたものの、フォントはゴシック体になり、 bodyの設定を消しても、もう二度と明朝体になる事はありません。
もちろん、プレビューで見る際には必ず保存してからみてみたり、GoLiveを終了して立ち上げ直したり、再起動かけたりもしてみました。
書籍やwebなどで情報を探してみましたが、このような状況はどこにも認められません。
もしかしたら、原因は、もっと基本的なところにあるのでしょうか？
どんな情報でも結構です。
お教えいただくと大変ありがたいです。