내 웹 사이트의 중첩 폴더에서 외부 CSS 및 글꼴 파일을 어떻게 연결합니까?

외부 CSS와 글꼴 파일 연결

웹사이트 파일을 정리할 때 외부 CSS와 글꼴 파일을 연결해야 합니다. 이 시나리오에는 HTML 및 CSS 파일이 있는 "Website" 폴더와 다양한 글꼴에 대한 여러 폴더가 포함된 중첩된 "Fonts" 폴더가 있습니다.

Font-Face CSS 파일 연결

글꼴 CSS 파일을 연결하려면 HTML 파일에서 다음을 사용하세요.

href="/fonts/font-face.css"

이것은 HTML 파일 위치를 기준으로 "Fonts" 폴더의 CSS 파일을 참조합니다.

글꼴 연결

" Fonts" 폴더에서는 다음을 사용합니다:

src: url("/fonts/font1/font1.ttf") format("truetype");

SVG의 경우 형식:

src: url("/fonts/font1/font1.svg") format("svg");

파일 경로 알림

파일 경로를 효과적으로 탐색하려면 다음 규칙을 기억하십시오.

• "/" 루트 디렉터리를 의미합니다.
• "../"는 한 디렉터리를 이동합니다. 뒤로.
• "../../"는 두 디렉터리를 뒤로 이동합니다.
• 앞으로 이동하려면 하위 디렉터리 이름을 지정합니다.

위 내용은 내 웹 사이트의 중첩 폴더에서 외부 CSS 및 글꼴 파일을 어떻게 연결합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!