web fonts repository
0.2.3
Google Fonts에서 영감을 얻은 간단한 WebFont 호스팅. 서버에서 실행되고 WebFont 파일을 저장 및 배포하고 웹 페이지에 글꼴을 포함시키기 위해 이동 중에 CSS를 생성합니다.
콘솔에서 다음 코드를 실행하십시오.
composer create-project finesse/web-fonts-repository webfonts 여기서 webfonts 저장소를 설치 해야하는 디렉토리로가는 경로입니다.
또는 수동으로 몇 가지를 만들 수 있습니다.
composer installcomposer run-script post-create-project-cmd 웹 서버가 logs 디렉토리 내부에 쓸 수있는 권한을 실행하는 사용자를 대신하십시오.
콘솔에서 이것을 실행할 수 있습니다.
# Don't do it in production!
chmod 777 logs 디렉토리를 웹 서버의 문서 루트로 public 하십시오. 또는 웹 서버 루트에 저장소를 설치 한 경우 http : // localhost/public을 열 수 있습니다.
기존 파일에 대한 모든 요청을 public/index.php 에 의해 처리합니다. 서버가 Apache 인 경우 이미 완료되었습니다.
서버가 Access-Control-Allow-Origin: * http-header가 글꼴 파일에 추가하십시오. 그렇지 않으면 일부 브라우저는 저장소에서 글꼴을 사용하여 거부합니다.
mod_header.c 모듈이 켜져 있는지 확인하기 만하면됩니다 ( a2enmod headers 명령을 실행하고 서버를 다시 시작하여 켜십시오). 글꼴 파일 (Woff, Woff2, TTF, OTF, EOT, SVG)을 public/fonts 디렉토리에 넣으십시오. 하위 디렉터로 분리 할 수 있습니다. 변형기를 사용하여 WebFont 파일을 변환 할 수 있습니다.
모든 설정은 파일 config/settings-local.php 로 이동합니다. 없으면 파일 config/settings-local.php.example 에서 복사하십시오.
매개 변수 :
displayErrorDetails 오류 세부 정보를 브라우저로 보내야하는지 여부 어쨌든 오류는 파일 logs/app.log 에 기록됩니다. 프로덕션 서버에서 꺼야합니다.
logger / level 파일에 몇 개의 메시지를 기록해야합니다. 값은 PsrLogLogLevel 상수 중 하나입니다. 로그 레벨에 대한 자세한 내용은 여기를 참조하십시오.
fonts저장소에서 사용할 수있는 글꼴 목록. Simple example:
return [
// ...
' fonts ' => [
' Open Sans ' => [
' styles ' => [
' 300 ' => ' OpenSans/opensans-light.* ' ,
' 300i ' => ' OpenSans/opensans-light-italic.* ' ,
' 400 ' => ' OpenSans/opensans-regular.* ' ,
' 400i ' => ' OpenSans/opensans-regular-italic.* ' ,
]
],
' Roboto ' => [
' styles ' => [
' 300 ' => ' Roboto/roboto-light.* ' ,
' 400 ' => ' Roboto/roboto-regular.* ' ,
' 500 ' => ' Roboto/roboto-medium.* ' ,
' 700 ' => ' Roboto/roboto-bold.* ' ,
]
]
]
]; fonts 배열 키는 글꼴 패밀리 이름입니다. styles 배열 키는 스타일 이름입니다. 스타일 이름의 숫자는 글꼴 무게이며 이탤릭체 i .
글꼴 파일 경로는 public/fonts 디렉토리와 관련하여 제공됩니다. 파일 경로는 글로벌 검색 패턴입니다. 이는 저장소가 패턴과 일치하는 모든 파일을 글꼴 파일로 고려해야 함을 의미합니다.
여기에서 더 많은 예와 가능성을 찾을 수 있습니다.
글꼴을 포함하려는 페이지의 HTML 코드에 <link> 태그를 추가하십시오.
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans:400,400i,700,700i|Roboto:300,400 " /> 여기서 http://web-fonts-repository.local 설치된 웹 글꼴 저장소의 루트 URL입니다.
필요한 글꼴은 Google 글꼴과 동일한 방식으로 지정됩니다. 글꼴 패밀리는 | , 가족 스타일은 , 을 사용하여 스타일 목록과 분리되어 있습니다 :
스타일 목록을 생략 할 수 있습니다. 이 경우 일반 스타일 ( 400 )이 사용됩니다.
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans " /> display 매개 변수를 사용하여 글꼴 디스플레이 스타일 속성의 값을 지정할 수 있습니다. 예:
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans&display=swap " />그런 다음 CSS 코드에 글꼴을 포함시킵니다.
body {
font-family : 'Open Sans' , sans-serif;
}이 프로젝트는 시맨틱 버전을 따릅니다.
이는 패치 버전이 완전히 호환되며 (예 : 1.2.1 및 1.2.2), 마이너 버전은 뒤로 호환되며 (예 : 1.2.1 및 1.3.2) 주요 버전은 호환되지 않습니다 (예 : 1.2.1 및 3.0). 프리 릴리스 버전 (0.*)은 약간 다릅니다. 패치 버전은 뒤로 호환되며 사소한 버전은 호환되지 않습니다.
MIT. 자세한 내용은 라이센스 파일을 참조하십시오.
