웹사이트의 별도 폴더에 있는 스타일시트와 글꼴을 어떻게 연결하나요?

폴더 간 스타일시트 및 글꼴 연결

웹사이트 파일을 구성할 때 자산을 서로 다른 디렉터리로 분리하는 것이 일반적입니다. 이 시나리오에서 웹사이트 파일은 "Website" 폴더에 있고, 글꼴 관련 파일은 "Fonts" 폴더에 있습니다. 이 폴더에는 특정 글꼴에 대한 중첩 폴더가 추가로 포함되어 있습니다.

스타일시트를 연결하려면(" stylesheet.css")를 "Website" 폴더에 있는 HTML 파일에 추가하려면 HTML 파일에 대해 다음 경로를 사용하면 됩니다.

href="stylesheet.css"

그러나, "Fonts" 폴더에 있는 글꼴 CSS 파일을 참조하려면 약간 다른 접근 방식이 필요합니다. 글꼴 CSS 파일의 상대 경로는 다음과 같습니다.

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

여기서 "../Fonts/"는 한 디렉터리 뒤로 이동하여 HTML 파일 위치에서 "Fonts" 폴더에 도달합니다.

"Fonts" 폴더 내의 중첩 폴더 내의 개별 글꼴을 연결하려면 글꼴 CSS에서 다음 구문을 사용하십시오. 파일:

src: url("../Fonts/font1/font1.ttf") format("truetype");
/* Repeat for each font and format as needed */

이 예에서 "../Fonts/font1/font1.ttf"는 "font1" 폴더에 있는 TTF(트루타입 글꼴) 파일에 대한 상대 경로를 지정합니다. 특정 글꼴에 맞게 폴더 이름과 파일 확장자를 조정하세요.

위 내용은 웹사이트의 별도 폴더에 있는 스타일시트와 글꼴을 어떻게 연결하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!