fontah

font-ah!

임의의 설정을 사용하여 텍스트를 신속하게 프로토 타입하십시오. 그것을 사용하여 단일 장소에서 텍스트에 대한 글꼴/색상/크기 조합을 찾으십시오.

단지:

• 텍스트를 입력하십시오
• 헤더의 버튼을 사용하여 색상, 크기 및 서체를 변경하십시오.
• 바닥 글에서 글꼴과 색상 매개 변수를 복사하십시오
• 링크를 보내고 변경 사항을 실시간으로 공유하십시오

지원되는 글꼴 소스 :

• Google Fonts (API Key 공유를 피하기 위해 로컬로 다운로드)
• 타자
• 다른 출처? 제발 제발!

어떻게 만들어 졌는지

HyperApp, V2 Branch로 제작되었습니다.

다음은 무엇입니까

프로젝트를 개선하는 방법에 대한 아이디어는 다음과 같습니다.

• 임의의 크기 대신 글꼴 크기를 늘리거나 감소시킵니다
• Firebase를 저장하기 위해 HyperApp 구독을 사용하십시오
• 모바일 친화적 (다소)
• 작업 (URL)을 공유하고 고유 한 링크 (Firebase Backed)와 협력하십시오.
• 페이지 시청자에게 알립니다
• 할당량 만료의 경우 Firebase 백엔드없이 작동합니다.
• 효과에 대한 오류 관리 (Firebase 할당량, 글꼴로드 오류) - 작동하는지 확인해 봅시다.
• Firestore 설정을 조정하십시오
• 고상한 조합
• 북마크, 로컬 스토리지 지속성
• 조합 역사
• CSS를 복사하십시오
• JS에서 미디어 변경에 HyperApp 구독을 사용하십시오
• PWA
• couchdb 백엔드?

로컬로 실행하는 방법

레포를 복제하십시오 :

git clone https://github.com/ddmng/fontah.git
cd fontah/

파일 src/fbconfig.js 에는 응용 프로그램 상태를 저장하기 위해 Firebase API 키가 포함되어 있습니다. Firebase 콘솔에서 찾을 수 있습니다.

Firebase를 설정할 수없는 경우 "공유"기능이없는 nobackend 태그를 사용하십시오.

빌드 :

npm run build

그런 다음 제공하십시오 :

npm start