html - Web サイトの FTP にフォントを追加する場合、フォントを追加するとき、FTP のどこに配置し、どのようにフォントを使用すればよいですか?

Question

Web サイトの FTP にフォントを追加する場合、フォントを追加するとき、FTP のどこに配置し、HTML または CSS でフォ​​ントを使用するにはどうすればよいですか?

Answer 1

個人的には、Font Squirrel Fontface ジェネレーターを使用することをお勧めします。次のようなものが得られます。

    /* @Fontface */
    @font-face {
        font-family: 'Yourfont';
        src: url('fonts/yourfont.eot');
        src: url('fonts/yourfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/yourfont.woff') format('woff'),
             url('fonts/yourfont.ttf') format('truetype'),
             url('fonts/yourfont.svg#Yourfont') format('svg');
        font-weight: normal;
        font-style: normal;
    }

この方法を使用すると、IE、Chrome、Opera、Firefox、および Safari に対する有効なオプションが得られます。後で、このフォントを通常のフォントのように使用できます。

    div.heading { font-family: 'Yourfont', (othersifyouwant); }