Subreply CSS에 대해 로컬로 글꼴 호스팅

3116 단어 csssubreplywebdev
previous post 에서 약속한 대로 오늘은 Subreply CSS이 사용한 글꼴(즉 Route 159)을 프로젝트에 로컬로 호스팅하고 Subreply와 함께 사용하는 방법을 보여드리겠습니다.

1단계: 글꼴 다운로드



Route 159 웹사이트로 이동한 다음 Download 버튼을 클릭합니다.



그런 다음 글꼴이 포함된 zip 파일이 설치를 시작해야 합니다.

2단계: 글꼴 추출



설치가 완료되면 글꼴이 포함된 폴더로 이동한 다음 zip 파일의 압축을 풉니다.

터미널을 사용하는 경우 unzip <filename> 명령을 사용하십시오. unzip route159_110.zip .

Windows를 사용하는 경우 Microsoft에서 this article을 읽을 수 있습니다.

압축을 풀면 fonts 폴더는 다음과 같아야 합니다.



3단계: 글꼴 파일을 프로젝트로 이동



모든 글꼴을 추출한 후 프로젝트로 이동해야 합니다.

디렉터리Web Fonts로 이동한 후 다음을 수행합니다.
  • 터미널을 사용하는 경우 파일 Route159-Bold.woffRoute159-Regular.woff를 프로젝트로 이동합니다.

  • mv Route159-Bold.woff <your-project>
    mv Route159-Regular.woff <your-project>
    


  • Windows를 사용하는 경우 다른 창에서 프로젝트 폴더를 연 다음 글꼴 폴더에서 파일 Route159-Bold.woffRoute159-Regular.woff를 프로젝트 폴더로 드래그합니다.



  • 4단계: CSS 수정



    마지막으로 로컬 글꼴과 함께 작동하도록 CSS를 직접 수정해야 합니다.

    먼저 선호하는 편집기를 사용하여 Subreply CSS가 포함된 CSS 파일을 엽니다.

    그런 다음 편집기의 Find and Replace 기능을 사용하여 다음 텍스트를 해당 텍스트로 바꿉니다.
  • https://files.catbox.moe/gt6un3.woff ~ Route159-Regular.woff
  • https://files.catbox.moe/outwck.woff ~ Route159-Bold.woff

  • 파일을 저장하면 글꼴이 작동하기 시작합니다!

    Discuss on HN | Tweet this post |
    Have questions or feedback? Email me




    스샷이 2010년인가 뭔가 하는 느낌이 든다면 제가 이미지 편집을 잘 못해서 그런겁니다. Krita와 GIMP는 처음이라 화질이 좋지 않네요 :)

    좋은 웹페이지 즐겨찾기