내 웹 사이트 프로젝트의 별도 폴더에 있는 외부 CSS 및 글꼴 파일을 어떻게 연결합니까?

외부 폴더에서 CSS와 글꼴 파일 연결

웹사이트 파일이 있는 "Website" 폴더와 글꼴 하위 폴더가 포함된 별도의 "Fonts" 폴더가 있다고 상상해 보세요. . HTML 및 CSS 파일이 웹사이트 폴더에 있는 경우 Fonts 폴더 내의 요소에 어떻게 연결합니까?

1. Font-Face CSS 파일 연결:

"/fonts" 폴더에 있는 글꼴 CSS 파일을 연결하려면 다음 구문을 사용하세요. href:

href="../../fonts/stylesheet.css"

• "웹사이트" 폴더로 돌아가려면 "../"로 시작하세요.
• "글꼴" 폴더로 이동하려면 "글꼴"을 추가하세요.
• 마지막으로 다음을 포함하세요. "stylesheet.css."

2. 글꼴 연결:

"Fonts" 폴더 내의 하위 폴더에 있는 글꼴에 연결하려면, 다음 구문을 사용하십시오. src:

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');

• 이전과 동일한 "../" 및 "fonts" 구문을 사용합니다.
• "font1" 하위 폴더로 이동하여 글꼴 파일(font1)을 포함합니다. .ttf).
• 적절한 파일을 사용하여 추가 글꼴 형식에 대해 반복합니다. Extensions.

상대 파일 경로 알림:

파일 경로를 사용하여 디렉터리를 탐색할 때:

• "/ ": 루트에서 시작 디렉터리.
• "../": 한 디렉터리로 뒤로 이동합니다.
• "../../": 두 디렉터리로 뒤로 이동합니다. .
• 앞으로 이동하려면 다음을 지정하세요.

이러한 규칙을 이해하면 외부 폴더의 CSS 및 글꼴 파일을 정확하게 연결할 수 있습니다.

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