サブフォルダ内のフォントが@ font-faceで動作しない

Question

現在、私のページに新しいフォントを埋め込む作業中です（現在はオフラインです）。フォントリスでフォントをすべてのタイプに変換し、コードfontspringに追加しました。 私はルートフォルダ（HTMLファイルのみ）、CSSフォルダ、およびフォントフォルダを作成するために、フォルダをサブフォルダに配置したいと考えています。フォントフェースはCSSに埋め込まれており、フォントフォルダからフォントに到達しようとしますが、機能しません。 CSS、HTML、およびすべてのフォントをルートフォルダに置くだけで動作します。どうして？私はすでに相対パスメソッド（../font/thefontiwanttouse.ttf）を使用していました。私のフォントとCSSをサブフォルダに入れてフォントフェースを使用する方法はありませんか？私はすでにウェブを検索しましたが、何も見つかりませんでした。 CSSで

コード：

body, button, input, select, textarea { font-family: regular, sans-serif; color: #222; } 

コードのfontFamily

@font-face { 
font-family: 'regular'; 
src: url('../font/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../font/pfdindisplaypro-reg-webfont.woff') format('woff'), 
    url('../font/pfdindisplaypro-reg-webfont.ttf') format('truetype'), 
    url('../font/pfdindisplaypro-reg-webfont.svg#svgFontName') format('svg');} 

挨拶 Terba。

HTML-File: domain.tld/index.html 
CSS-File : domain.tld/assets/stylesheets/stylesheet.css 
FONT-File: domain.tld/assets/stylesheets/font/pfdindisplaypro-reg-webfont.woff 

し、その後に、あなたのスタイルシートを更新します：

Answer 1

スタイルシートは、あなたのフォントやHTMLファイルとの間の絶対パスにする必要がありますフォルダ内のフォントのフォルダを配置しようとすると

あなたのCSSファイルで！

@font-face { 
font-family: 'regular'; 
src: url('font/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('font/pfdindisplaypro-reg-webfont.woff') format('woff'), 
    url('font/pfdindisplaypro-reg-webfont.ttf') format('truetype'), 
    url('font/pfdindisplaypro-reg-webfont.svg#svgFontName') format('svg');} 

Answer 2

ソリューションは、フォントとまったく同じ場所にあることをスタイルシートでは、この

[your directory]/font/OpenSans/OpenSans.css 

のように、フォントファイルが保存されているフォルダ内のCSSファイルを置くことであるあなた参照されている、唯一のコンテンツは、各ページの先頭で

@font-face {font-family: 'Open Sans'; 
     src: url('OpenSans-Regular.ttf');} 

、あなたが

他の同じようにそのスタイルシートにリンクする必要があります

<link href='assets/font/OpenSans/OpenSans.css' rel='stylesheet' type='text/css'> 

今、あなたは

font-family:'Open Sans';