HTML의 다른 폴더에 있는 CSS 및 글꼴 파일을 연결하는 방법은 무엇입니까?

폴더 간 CSS 및 글꼴 파일 연결

주어진 폴더 구조에서 작업은 별도의 CSS 파일과 글꼴 파일을 연결하는 것입니다. 폴더를 HTML 파일로 변환합니다. 이렇게 하려면:

CSS 파일 연결:

HTML 파일을 열고 섹션:

<link href="../stylesheet.css" rel="stylesheet">

이 줄은 stylesheet.css 파일이 HTML 파일에서 한 폴더 위(뒤로)에 위치함을 지정합니다.

Font-Face CSS 파일 연결:

마찬가지로 글꼴 CSS 파일을 링크하려면 다음 줄을 <머리> 섹션:

<link href="fonts/fontstyle.css" rel="stylesheet">

이 줄은 "fonts" 폴더에 있는 글꼴 CSS 파일을 가리킵니다.

글꼴 연결

fontstyle.css 파일의 글꼴을 연결하려면 src 속성을 다음과 같이 사용하세요. 다음은 다음과 같습니다.

@font-face {
  font-family: 'Font1';
  src: url('../fonts/font1/font1.ttf') format('truetype');
  src: url('../fonts/font1/font1.svg') format('svg');
}

이 코드는 Font1 글꼴이 "fonts/font1" 폴더에 있고 TTF 및 SVG 버전을 모두 포함하도록 지정합니다.

상대 글꼴을 사용할 때 다음 지침을 기억하세요. 파일 경로:

• "/"로 시작하면 루트 디렉터리로 돌아갑니다.
• 시작 "../"를 사용하면 한 디렉터리를 뒤로 이동합니다.
• "../"로 시작하면 두 디렉터리를 뒤로 이동합니다.
• 앞으로 이동하려면 첫 번째 하위 디렉터리부터 시작하여 계속 앞으로 이동합니다.

위 내용은 HTML의 다른 폴더에 있는 CSS 및 글꼴 파일을 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!