fontshow

글꼴

폴더에 글꼴을 표시하기위한 도커 컨테이너

찾을 수있는 간단한 Docker 컨테이너는 없어서 글꼴을 탐색하고 미리보기 한 다음 다운로드 할 수있는 일종의 글꼴 리포지토리로 작용할 수 있습니다. 그래서 나는 단지 하나를 만들기로 결정했습니다. 이 Docker 컨테이너는 PHP : Apache, Composer 및 PHP-Font-Lib를 사용하여 디렉토리에서 글꼴 목록을 가져오고 메타 데이터를 읽고 정보를 캐시하며 사용자가 다운로드 할 수있는 웹 페이지에 이름과 미리보기를 표시합니다. 이 프로젝트는 매우 초기 단계에 있으므로 찾은 문제 나 버그를보고하고 프로그래머가 아닌 그래픽 디자이너이기 때문에 인내심을 가지십시오!

설치

Docker Compose와 함께 빌드 및 시작

Git Clone을 사용하여 저장소를 컴퓨터에 복사 하거나이 페이지 상단의 녹색 "코드"버튼을 클릭하고 원하는 곳으로 Zip 파일을 다운로드하여 추출하십시오. Fontshow를 빌드하고 시작하려면 Docker-Compose.yml과 동일한 폴더에서 명령 프롬프트 (또는 OS 에서이 명령을 실행)를 열고 실행하십시오.

 docker-compose up --build

컨테이너를 만들고 발사하면 잠시 시간이 걸립니다. 컨테이너가 올바르게 시작되었는지 확인하려면 http : // localhost : 8090을 확인하십시오. 재건하지 않고 미래에 시작하려면 :

 docker-compose up -d

파일을 작성하십시오

포트 번호

Fontshow가 사용하는 포트 번호를 변경하려면 포트를 8090에서 Docker-Compose.yml 파일의 다른 포트 번호로 변경하십시오.

    ports:
      - 8090:80

데이터베이스 자격 증명

docker-compose.yml 파일은 데이터베이스의 기본 자격 증명으로 "사용자"및 "비밀번호"를 설정합니다. 보안상의 이유로 변경하십시오. 변경되면 PHP/www/config.php에서도 변경하십시오. 루트 암호는 Fontshow에서 어디서나 사용되지 않지만 보안상의 이유로 변경해야합니다.

      environment:
          MYSQL_ROOT_PASSWORD: CHANGEME
          MYSQL_DATABASE: fontshowDB
          MYSQL_USER: user
          MYSQL_PASSWORD: password

사이트 구성

구성 파일

PHP/www/config.php에서 사이트 색상에서 바닥 글 내지에 이르기까지 거의 모든 것이 변경 될 수 있습니다.

데이터베이스 연결

PHP/www/config.php에는 기본 데이터베이스 자격 증명이 있습니다. Compose 파일에서 이전에 변경하면 ( 가야합니다! ) 구성 파일에서 변경해야합니다!

은닉처

캐시는 매일 새로 고침되도록 설정되지만 텍스트 미리보기 상자 옆의 프론트 엔드 버튼으로 트리거 할 수 있습니다. 이 기간 길이는 즉시 새로 고침하기 위해 새로 고침 버튼이 있기 때문에 대부분의 사람들이 변경해야 할 것이 아니기 때문에 구성 가능하지 않았습니다. 새로 고침 사이의 지속 시간을 변경하려면 PHP/www/get-fonts.php 에서이 줄을 편집하십시오.

 $cacheTime = 86400; // Cache for 1 day

글꼴 추가

글꼴을 추가하려면 글꼴 파일을 / 글꼴 / 디렉토리에 삭제하고 브라우저를 Fontshow로 열고 "Croshing Cache"버튼을 클릭하십시오. Fontshow는 이제 / 글꼴 / 디렉토리 내에서 하위 폴더를 지원합니다. 글꼴이 표시되는 사이트의 프론트 엔드는 구별되지 않습니다. 이를 통해 / 글꼴 / 감독을보다 깔끔하게 구성하고 이미 폴더에 중첩 될 수있는 글꼴을 사용할 수 있습니다.

문제 해결

글꼴이로드되지 않습니다

/ 글꼴 / 폴더에서 글꼴을 스캔하기 위해 첫 발사에 시간을 내십시오. 이것은 새 글꼴을 추가하고 새로 고침 캐시 버튼을 누른 후 글꼴에 표시됩니다. 배경에서 PHP/www/get-fonts.php는 각 글꼴에서 메타 데이터를 가져 와서 PHP/www/index.php의 데이터베이스에 추가하여 가져옵니다. 이것은 당신이 가진 글꼴의 양에 따라 매우 느릴 수 있습니다. 버튼 텍스트는 업데이트되어 백그라운드에서 페치가 수행되고 있음을 알려줍니다.

가변 글꼴

가변 글꼴은 내가 사용하고있는 PHP-Font-Lib 라이브러리에 의해 지원되지 않으므로 PHP-FONT-LIB에 추가하거나 누군가가 사용할 수있는 다른 라이브러리를 추천하지 않는 한 Fontshow에서 지원하지 않습니다. 작동하지 않는 다른 글꼴 유형이있을 수 있지만 OTF 및 TTF와 같은 주요 유형은 그렇습니다. 버그는 발견 된대로 해결됩니다. 문제가 발생하면 문제를 남겨주세요!

현재 버그

• 바닥 글은 사이트의 맨 아래를 고수하지 않으며 모바일에있을 때 간격을 남기고 종횡비는 조경으로 변경됩니다.

로드맵

계획된 기능

• 사이트 로고 및 파비콘 (구성 가능)
• 유사한 하위 패밀리 태그의 색인 및 병합 - 예 : gras = bold, italique = italic, normal = 일반 등
• 검색 기능 : 사용자 입력을 기반으로 글꼴을 필터링하는 검색 기능을 갖고 싶습니다.
• 모바일의 단일 열 : 현재 사이트는보고 된 브라우저 너비에 관계없이 동일한 수의 열을 유지합니다. 세로 화면의 경우 사용자가 미리보기를 읽을 수 있도록 자동으로 Single-Column (구성 가능)으로 돌아 가기를 원합니다.

장기 목표

• 사용자 : 사용자 생성 및 역할을 허용합니다
• 웹 기반 글꼴 관리 : 현재 폴더에서 글꼴을 표시하고 있습니다. 사용자가 해당 폴더의 글꼴을 관리하고 잠재적으로 글꼴의 메타 데이터를 수정할 수 있습니다. 숨기기, 이름 바꾸기, 업로드, 삭제 등
• 확장 된 글꼴 미리보기 : Dafont와 다른 사람들이 이것을 처리하는 방식과 유사합니다. 단순히 다운로드하는 대신 글꼴 이름을 클릭하면 각 글꼴 문자, 사용자 수용 태그 등에 대한 미리보기가 확장 된 글꼴에 대한 서브 페이지가 열립니다.
• 일정한 폴더 스캔을 요구하지 않고 "Croshing Cache"버튼에 대한 다른 솔루션을 알아냅니다.