› › 블로그 디자인을 위한 Blogger의 비표준 글꼴입니다. Blogspot, Blogger의 아름다운 붓글씨 글꼴

블로그 디자인을 위한 Blogger의 비표준 글꼴입니다. Blogspot, Blogger의 아름다운 붓글씨 글꼴

독자 여러분, 좋은 하루 되세요. 오늘 저는 사이트에 비표준 키릴 글꼴을 설치하는 방법 중 하나에 대해 이야기하고 싶습니다. 이 방법 Blogger의 블로그를 포함한 모든 사이트에 적합합니다. 이 방법은 많은 영어 사이트에서 성공적으로 사용되었으며 프리미엄 WordPress 및 Joomla 테마에서 활발히 사용됩니다.

왜냐하면 대부분의 독자 블로그는 Blogger 및 WordPress에 있으므로 해당 블로그에 사용자 지정 글꼴을 설치하는 방법을 보여 드리겠습니다. 동시에 Blogger에 대해 설명된 방법은 모든 사이트에 절대적으로 적합합니다. 그리고 WordPress에는 기성품 플러그인이 있습니다. 그러나 기사를 관련 설명으로 스크롤하는 것은 권장하지 않습니다. 플러그인을 구성하려면 이 방법에 대한 모든 지식이 필요합니다.

나는 생각한다 이 순간이것은 사이트에 비표준 키릴 글꼴을 설치하는 가장 일반적인 방법 중 하나입니다. 첫째는 설치가 쉽고 둘째는 다양한 브라우저를 지원하기 때문입니다.

내가 당신의 흥미를 충분히 끌었나요? 세부 사항으로 넘어갈 시간입니다.

그래서 이 방법을 Cufon이라고 합니다. 한 개발자인 Simo Kinnunen이 발명했습니다. 먼저 그는 사이트에 연결해야 하는 특수 파일을 만들었습니다. 둘째, 그는 모든 글꼴을 JavaScript로 변환하는 생성기를 만들었습니다.

방법 자체는 불명예스럽기 쉬우나 나중에 보게 될 것입니다. 여기서 가장 어려운 것은 정확히 필요한 글꼴을 검색하는 것입니다. 활성 사용자가 아닌 많은 분들이 그래픽 편집기 PhotoShop과 같은 , 생성기에 로드할 글꼴과 그러한 글꼴을 어디서 얻을 수 있는지 전혀 모릅니다. 이것이 제가 더 자세히 이야기하기로 결정한 것입니다.

모든 컴퓨터, 동일한 Word 및 기타 프로그램에 특정 글꼴 세트가 설치되어 있다는 것은 비밀이 아닙니다. 모든 프로그램을 포함하여 컴퓨터에 새 글꼴을 독립적으로 설치할 수도 있습니다. 이렇게 하려면 검색 엔진에 문구를 입력하기만 하면 됩니다. 키릴 글꼴 다운로드찾은 글꼴이 .ttf 형식인지 확인합니다.

원하는 글꼴을 .ttf 형식으로 다운로드한 후 열기만 하면 컴퓨터에 설치할 수 있습니다.

또는 마우스 오른쪽 버튼을 사용하여 설치 명령을 선택합니다. 이 과정을 거치면 일반적으로 제공되는 컴퓨터에 설치된 모든 프로그램에 글꼴이 표시됩니다. 저것들. 추가 조치가 필요하지 않습니다. 설명된 방법은 Windows 7에서 작동하도록 보장됩니다.

3단계로 사이트에 모든 키릴 문자 글꼴 설치

그래서 우리는 아름다운 비표준 키릴 문자 글꼴의 소유자가 되었고 우리 사이트에 설치하려고 합니다. 우리의 행동은 무엇입니까?

1 단계

Cufon 웹 사이트 cufon.shoqolate.com으로 이동합니다.
메뉴에서 다운로드 링크를 클릭합니다. 스크립트 페이지가 열립니다. 모든 코드를 복사하여 메모장에 붙여넣고 .js 확장자로 저장하기만 하면 됩니다. 독자들을 위해 기성품 파일을 준비했습니다. 컴퓨터에 다운로드 할 수 있습니다.

2011년 7월 26일 게시물을 작성한 날짜를 기준으로 스크립트 버전이 1.09i이므로 주의하십시오. 위 링크에서 현재 이 버전입니다.

스크립트를 호스팅에 업로드합니다. Blogger에서 블로그를 사용하는 사람은 타사 파일()을 업로드하는 위치를 이미 알고 있어야 합니다. 저는 이를 위해 Google 사이트를 사용합니다.

2 단계

Cufon 웹 사이트의 Generator 탭으로 돌아갑니다. 우리 앞에는 많은 설정이 있는 페이지가 있습니다. 솔직히 말해서 나는 모든 설정에 들어 가지 않았지만 실험 중에 다른 설정을 시도했고 항상 원하는 결과를 얻었습니다.

그러나 어쨌든 중요한 사항에 주의를 기울이기 위해 기본 설정으로 몇 가지 스크린샷을 준비했습니다.


보시다시피 각 글꼴 유형에 대해 별도의 로딩 창이 있습니다.

  • 일반 글꼴
  • 볼드체
  • 일반 이탤릭체
  • 굵은 기울임꼴

이것이 왜 그런지 완전히 이해하지 못했지만 설명이 내 글꼴을 최대한 특징 짓는 위치에 정확히 로드했습니다.

예를 들어, 스크린샷은 손으로 쓴 글꼴을 로드하는 것을 보여줍니다. 그는 기울어지고 아주 잘 먹습니다 :).


그런 다음 라이선스 계약이 있는 필드가 강조 표시됩니다. 확인란을 선택하여 업로드하는 글꼴을 바로 이 글꼴의 개발자가 웹에서 사용할 수 있도록 허용했는지 확인해야 합니다. 불행히도 인터넷의 다양한 글꼴 중에서 어떤 글꼴을 사용할 수 있고 어떤 글꼴을 사용할 수 없는지 정확히 알지 못합니다. 따라서 이 항목은 전적으로 귀하의 양심에 달려 있습니다.

다음 스크린샷.

  1. 첫 번째 필드에서 대문자와 소문자, 숫자 및 구두점을 표시할 것임을 나타냅니다.
  2. 두 번째 필드는 기본적으로 선택되어 있으며 제거하려고 시도하지 않았습니다.
  3. 세 번째 필드에서 키릴 문자와 러시아 문자를 선택해야 합니다.

한 줄을 파란색으로 강조 표시했습니다. WordPress용 글꼴을 생성하는 사람들은 여기에 체크 표시를 했습니다.
그리고 마지막 설정입니다.

  1. 나는 첫 번째 상자에 아무 것도 쓰지 않았지만 글꼴이 사용될 도메인을 지정하면 단순히 다른 도메인에서 작동하지 않는다는 관점에서 필드가 유용하다고 생각합니다.
  2. 상위 필드에서 이해합니다. 우리 대화하는 중이 야어떤 글꼴 크기가 기본적으로 갈 것인지에 대해. 설정에 동의하거나 체크박스를 선택하여 거부할 수 있습니다. 개인적으로 나는 다른 방식으로 시도했고 두 옵션 모두에 만족했습니다. 그것도 폰트 자체와 템플릿 디자이너의 아이디어에 따라 다르다고 생각합니다. 창 2의 다음 항목인 작은 글꼴 크기를 사용하려는 경우 생성기 자체에서 끌 것을 권장합니다. 가능하면 마지막 체크 표시를 하는 것이 좋습니다. 이 설정 덕분에 생성된 파일의 크기가 작아져 글꼴 로딩에 더 나은 영향을 미칠 것입니다.
  3. 마지막으로 발전기 사용 약관에 동의합니다.

결과적으로 호스팅에 업로드되는 다른 파일을 얻습니다.

3단계

남은 것은 사이트 템플릿 파일에서 닫는 태그 앞에 지정하는 것뿐입니다.다음과 같은 코드:

코드에서 볼 수 있듯이 h1 제목 태그에 글꼴을 적용하고 있습니다. 따라서 키릴 글꼴을 표시하도록 다른 태그를 지정할 수 있습니다.

태그가 아닌 식별자를 지정할 수도 있습니다.

그러나 그것이 전부는 아닙니다. 한 사이트에서 한 번에 여러 가지 글꼴을 사용하려는 경우 모든 새 글꼴에 대해 2단계를 거쳐 모두 지정합니다.

글꼴의 정확한 철자가 확실하지 않은 경우 2단계에서 생성된 해당 파일을 열고 필요한 정보를 찾으십시오.

파란색으로 강조 표시된 것이 글꼴 이름입니다.
그래서 내 테스트 블로그 중 하나에서 원래 이런 식이었습니다.


그리고 이렇게 되었습니다.

WordPress에 사용자 정의 키릴 글꼴을 설치하는 방법

WordPress 사용자에게는 여전히 훨씬 쉽습니다. 물론 설명대로 쭉 가셔도 되고 폰트도 작동하겠지만 올인원 큐폰이라는 기성 플러그인도 있습니다. 개발자 웹 사이트와 블로그 관리자 패널에서 직접 플러그인을 다운로드할 수 있습니다.


플러그인 설치. 활성화합니다. 플러그인 설정으로 이동합니다. 맨 위에는 두 개의 경고 메시지가 있습니다.


첫 번째는 wp-content/plugins/ 디렉토리에 cufon-fonts 폴더를 생성해야 한다는 것입니다. 이렇게 하려면 FTP를 통해 연결하거나 호스팅 제어판으로 이동하여 플러그인 폴더에 cufon-fonts라는 새 폴더를 만듭니다. 그 후 첫 번째 메시지가 사라집니다.

두 번째 메시지는 생성된 글꼴 파일을 2단계에서 얻은 것과 동일한 파일인 생성된 폴더에 배치해야 한다고 말합니다. 파일을 로드하면 메시지가 사라지고 글꼴은 아래 설정에 표시되며 이제 플러그인이 " 본다".


템플릿에서 사용할 글꼴 옆의 확인란을 선택하는 것을 잊지 마십시오. 그러나 글꼴은 아직 작동하지 않습니다. 아래는 키릴 글꼴을 적용할 태그를 지정해야 하는 Cufon 코드 필드입니다. 이 경우 다른 지정 없이 베어코드를 지정해야 합니다.

교체("h1");


그건 그렇고, 당신이 설치했다면 WordPress 테마이미 비표준 글꼴로 키릴 철자가 없는 경우 다음을 수행해야 합니다.

  1. 올인원 Cufon 플러그인을 설치합니다.
  2. 생성된 글꼴을 설치합니다.

일반적으로 이 코드는 템플릿에 이미 작성되어 있으므로 아래 필드에 Cufon 코드를 입력할 필요가 없습니다. 기존 글꼴 외에 다른 글꼴을 설치하려면 위의 예에서 쓴 것처럼 해당 항목을 작성해야 합니다.

매우 중요한 메모입니다.
내 기사에 따라 템플릿의 제목을 최적화했다면 매우 조심해야 합니다. 메인 페이지를 제외한 모든 페이지에서 블로그 제목이 태그에 있다는 것을 기억한다면 (링크에서). 이 태그에 ID 또는 클래스를 할당해야 합니다. 예를 들면 다음과 같습니다.

그런 다음 Cufon 코드는 다음과 같아야 합니다.

교체("h1");
cufon.replace(".mycufon1");

따라서 기사 제목의 경우에도 동일하게 수행해야 합니다.

비표준 글꼴의 소유자가 되신 것을 축하합니다. 고유한 키릴 문자 글꼴이라고 말할 수도 있습니다.

내가 다루지 않은 유일한 것은 CSS 스타일에 대한 설명이었습니다. 한편으로는 기본 글꼴에 이미 있던 스타일을 Cufon 글꼴로 바꾼 후에도 그대로 유지되었습니다. 저것들. 색상, 크기는 변경되지 않았습니다. 반면에 대부분의 스타일은 이미 표준 CSS 스타일을 반복합니다. 당신은 당신이 이미 가지고있는 것으로 얻을 수 있습니다. 실험해보고 싶다면 이 페이지의 문서에서 모든 CSS 설정을 볼 수 있습니다.
그게 다야. Runet에서 가장 아름다운 블로그가 되길 바랍니다.

사이트에서 글꼴을 변경하는 방법은 무엇입니까? Google Fonts 라이브러리에서 공개 글꼴을 연결하는 방법과 글꼴이 독점인 경우 어떻게 합니까? 질문이 귀하와 관련된 경우 계속 읽으십시오.

글꼴 형식

다른 파일 유형과 마찬가지로 글꼴은 다양한 형식으로 제공됩니다. 총 수십 개가 있으며 TTF, EOT, WOFF 및 SVG는 네트워크에서 가장 많이 사용되는 것으로 간주됩니다. 또한 각각은 특정 버전의 소프트웨어에서만 지원됩니다.

특정 시스템에 속하는 것 외에도 문자 렌더링 기술 및 압축 방법이 다릅니다. 수신된 파일의 양은 후자에 따라 달라지며 이는 다운로드 시간과 페이지 표시 속도에 직접적인 영향을 미칩니다. 이것은 새 글꼴을 설치할 때만 중요합니다. 다운로드 후 해당 글꼴이 포함된 파일이 캐시에 저장되기 때문입니다. 현재 사이트에 특정 글꼴을 삽입할 때 TTF(또는 OTF), WOFF, EOT 및 SVG와 같은 글꼴 형식을 모두 준비해야 합니다.

Google 글꼴 연결

글꼴 작업을 더 쉽게 하기 위해 Google은 수십 개의 키릴 글꼴을 포함하여 수백 개의 글꼴이 포함된 글꼴 서비스를 만들었습니다.

원하는 글꼴을 선택한 후 서비스는 "표준" 및 "가져오기" 모드를 사용하여 최소화된 창을 형성하며 각각 두 가지 유형의 코드가 있습니다.

  • 특별 추가. 태그 사이의 HTML 문서 제목 행 + CSS 파일에 원하는 조합을 작성하십시오.
  • 또는 태그 사이에 다른 줄을 쓰십시오.