집 › 멀티미디어 › 페이지에 나만의 글꼴이 있습니다. MS Word에 새 글꼴 설치 설치된 글꼴 사용 방법

페이지에 나만의 글꼴이 있습니다. MS Word에 새 글꼴 설치 설치된 글꼴 사용 방법

블라드 메르제비치

글꼴은 웹 디자인의 필수적인 부분으로 사이트에 표현력과 인지도를 부여하고 사이트의 특징적인 스타일을 표현하며 텍스트 인식과 직접적인 관련이 있습니다. 잘 선택된 글꼴은 눈에 띄지 않을 수 있지만, 글꼴이 없으면 사이트 디자인의 완성도를 높이는 재미가 없습니다.

컴퓨터에 이미 특정 글꼴이 설치되어 있는 경우 스타일에 한 줄만 추가하면 됩니다.

h1(글꼴 계열: SuperPuperFont; )

Font-family 속성의 값은 글꼴 서체의 이름이며 모든 제목에 적용됩니다.

. 하지만 우리의 훌륭하고 희귀한 글꼴이 설치되지 않으면 웹사이트 방문자는 무엇을 보게 될까요? 이러한 상황이 발생할 가능성이 높으므로 브라우저가 선언된 글꼴을 인식하지 못하는 경우 기본 글꼴을 사용합니다. 예를 들어 Windows에서는 Times New Roman입니다. 신중하게 고려된 모든 유형의 디자인은 하룻밤 사이에 무너지고 먼지가 될 것이므로 가장 보편적인 솔루션을 찾아야 합니다. 가장 먼저 떠오르는 것은 사용자의 컴퓨터에 글꼴 파일을 다운로드하고 선택한 글꼴로 텍스트가 표시되도록 구성하는 것입니다. 그림을 통해 텍스트를 표시하는 등의 다른 방법에 비해 이 방법은 가장 간단하고 활용도가 높습니다.

글꼴 파일을 로드한 다음 CSS를 통해 적용하면 궁극적으로 어떤 이점이 있습니까?

텍스트를 쉽게 추가하고 편집할 수 있습니다.

브라우저에서 검색을 사용하여 원하는 문구를 찾을 수 있습니다.

브라우저 설정에서 글꼴 크기를 줄이거나 늘려 편안하게 볼 수 있습니다.

검색 엔진문서 내용을 잘 색인화합니다.

텍스트를 선택하여 클립보드에 복사할 수 있을 뿐만 아니라 다른 언어로 번역할 수도 있습니다.

줄 간격, 색상, 크기 등과 같은 텍스트 매개변수는 CSS 속성을 사용하여 쉽게 변경할 수 있습니다.

마찬가지로 CSS를 사용하면 그림자와 같은 다양한 효과를 텍스트에 추가할 수 있습니다.

보시다시피 장점이 많습니다. 작은 단점도 있으며 균형을 위해 언급할 가치가 있습니다.

모든 브라우저 버전이 다운로드 가능한 글꼴과 모든 형식에 맞는 단일 크기를 지원하는 것은 아닙니다.

글꼴 서체가 포함된 파일은 많은 공간을 차지하므로 웹 페이지 로딩 속도가 느려질 수 있습니다.

테이블에 1에는 지원하는 브라우저 버전과 글꼴 형식이 나열되어 있습니다.
테이블 1. 지원되는 형식
체재 인터넷 익스플로러 크롬 오페라 원정 여행 파이어폭스 기계적 인조 인간 iOS
TTF 9.0+ 4.0+ 10.0+ 3.1+ 3.5+ 2.2+
EOT 5.0-8.0
워프 9.0+ 5.0+ 3.6+
SVG 1.0+ 9.0+ 3.1+ 3.5+ 1.0+
가장 많이 지원되는 형식은 TTF입니다. IE 버전 9.0 및 iOS를 제외하고 모든 브라우저는 이를 완벽하게 이해합니다. 따라서 글꼴이 이 형식이고 최신 브라우저를 대상으로 하는 경우 추가 작업을 수행할 필요가 없습니다. 다음 코드를 스타일로 작성하는 것으로 충분합니다(예제 1).

예시 1: TTF 연결
HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx
폰트

체재	인터넷 익스플로러	크롬	오페라	원정 여행	파이어폭스	기계적 인조 인간	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
워프	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

먼저 @font-face 규칙을 사용하여 글꼴 파일 자체를 로드합니다. 그 안에는 Font-family 매개변수를 통해 글꼴 서체의 이름을 쓰고 src를 통해 파일 경로를 씁니다. 그런 다음 평소대로 글꼴을 사용합니다. 따라서 제목 글꼴을 설정해야 하는 경우 h1 선택기에 대해 예제에 표시된 대로 로드된 글꼴의 이름으로 글꼴 패밀리 속성을 설정합니다. 이전 버전의 IE에서는 대체 옵션이 쉼표로 구분되어 나열됩니다. 이 경우 IE8 이하에서는 TTF 형식을 지원하지 않으므로 제목 글꼴은 "Comic Sans MS"가 됩니다.

이 예의 결과는 그림 1에 나와 있습니다. 1.

쌀. 1. 글꼴이 로드된 헤더

IE8에서 화려한 글꼴이 절실히 필요한 경우 어떻게 해야 합니까? 다행히 @font-face를 사용하면 다양한 형식의 여러 글꼴 파일을 동시에 포함할 수 있습니다. 브라우저는 적절한 것을 선택하기만 하면 됩니다. 따라서 모든 브라우저에서 작동하는 범용 솔루션은 기존 TTF 형식을 EOT로 변환한 다음 두 파일을 연결하는 것입니다.

변환을 위해 TTF 파일을 업로드하고 EOT 파일을 출력으로 받을 수 있는 여러 온라인 서비스가 있습니다. 안타깝게도 대부분의 서비스에는 동일한 문제가 있습니다. 파일을 받았지만 러시아어는 지원되지 않습니다. 결과적으로 원하는 결과를 얻지 못하고 변환이 잘못 발생합니다. 제가 확인한 사이트 중에 IE에서 텍스트가 제대로 표시되는 사이트가 있었습니다.

이 사이트로 이동하여 TTF 파일을 다운로드하고 "TTF를 EOT로 변환"버튼을 클릭한 후 결과 파일을 글꼴이 있는 폴더에 저장합니다. 스타일에서는 작은 트릭과 힘을 수행하는 것이 남아 있습니다. 다른 브라우저필요한 형식으로 글꼴을 다운로드하세요. 이를 위해 두 개의 src 매개변수를 추가합니다. 첫 번째 파일은 EOT 파일을 가리키며 이전 버전의 IE용입니다. 두 번째 src 매개변수에는 쉼표로 구분된 두 개의 주소가 포함되어야 하며, 그 중 하나는 TTF 파일을 가리킵니다. 사실 IE 버전 8.0 이하에서는 src 매개변수의 쉼표를 인식하지 못하므로 전체 매개변수를 무시합니다. 예를 들어 URL을 반복하거나 로컬 매개변수 내에 글꼴 이름을 지정하거나 존재하지 않는 글꼴을 작성하는 등 여러 가지 쓰기 옵션이 있을 수 있습니다. 브라우저가 그러한 글꼴을 로드할 수 없으면 목록의 두 번째 글꼴로 이동하여 올바르게 작성됩니다. 허용되는 작성 방법.

src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

모든 브라우저 버전의 글꼴을 연결하는 작업 옵션이 예제 2에 나와 있습니다.

예시 2: EOT 연결

HTML5 CSS3 IE Cr Op Sa Fx

폰트

정치 과정의 현대적 요소

실제로 몽테스키외의 정치적 가르침은 미셸의 작품에 반영된 유럽대륙형 정치문화를 제시한다.

iOS의 경우 SVG 형식으로 별도의 글꼴을 만들어 다운로드하는 것은 별 의미가 없는 것 같습니다. iOS를 통해 보는 사이트의 청중은 여전히 적으며, 게다가 사이트 버전은 모바일 장치그들은 이를 더 쉽게 만들기 위해 노력하고 있으며 수십 킬로바이트를 추가로 다운로드하는 것은 바람직하지 않습니다.

구글 웹 글꼴

다양한 글꼴 형식과 브라우저 버전을 지원하는 루틴을 관리하는 편리한 서비스는 다음에서 찾을 수 있습니다. www.google.com/webfonts. 컬렉션에는 상대적으로 적은 수의 다양한 글꼴이 있지만(수십 개가 있음) 모두 매우 높은 품질로 선택되었으며 웹 사이트에서 무료로 사용할 수 있습니다.

글꼴을 선택하기 전에 스크립트 값을 키릴 문자로 전환하면 러시아어를 지원하는 글꼴 목록이 표시됩니다(그림 2).

쌀. 2. Google Web Fonts에서 글꼴 선택

원하는 글꼴을 먼저 "컬렉션에 추가" 버튼을 클릭한 다음 화면 오른쪽 하단에 있는 "사용" 버튼을 클릭하여 컬렉션에 추가해야 합니다. 다음 페이지(그림 3)에서는 최종적으로 필요한 글꼴을 선택할 수 있습니다. 동시에 글꼴 서체에는 여러 스타일이 포함될 수 있으며 각 스타일은 다운로드되는 파일의 양을 증가시킨다는 점을 이해해야 합니다.

쌀. 3. 페이지에 로드된 글꼴

선택한 글꼴을 세 가지 방법 중 하나로 연결할 수 있으며, 추가된 코드는 페이지 아래에 복사할 수 있습니다.

1. 요소를 통해 . 선은 다음과 같습니다.

2. @import 규칙을 통해. 이 줄을 CSS 파일 맨 위에 삽입합니다.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. 자바스크립트를 통해.

원칙적으로 모든 경로는 동일하므로 원하는 대로 선택하세요.

본 서비스를 이용하시면 다음과 같은 장점이 있습니다.

글꼴은 무료로 사용할 수 있으며 비용을 지불할 필요가 없습니다.
제공되는 글꼴은 화면에서 볼 수 있도록 "날카롭게" 처리되며 파일은 최적화되어 상대적으로 작은 볼륨을 차지합니다.
브라우저가 자동으로 감지되고 필요한 형식의 글꼴이 제공됩니다.

서비스의 주요 장점 중 하나는 글꼴이 TTF, EOT, WOFF, SVG 형식으로 저장되며 브라우저 확인 후 로드된다는 것입니다. 따라서 EOT 형식은 이전 버전의 IE에서만 사용할 수 있습니다.

Google 웹 글꼴 사용 여부는 귀하에게 달려 있습니다. 거기에서 적합한 글꼴을 찾지 못하면 언제든지 널리 사용되고 널리 사용되는 TTF를 연결할 수 있습니다. 또한, 널리 사용되는 모든 브라우저의 최신 버전에서 지원됩니다.

페이지 레이아웃을 구성할 때 때때로 비표준 글꼴을 처리해야 하는 경우가 있습니다. 물론 사이트의 주요 요소로 사용해서는 안되지만 헤더와 같은 다양한 개별 요소에서는 가능합니다. 이러한 글꼴의 문제점은 해당 글꼴이 사용자의 컴퓨터에 없을 수 있으며 이로 인해 해당 텍스트가 표준 글꼴로 표시되어 결과적으로 의도한 디자인이 손상될 수 있다는 것입니다. 이 문제는 매우 간단하게 해결될 수 있습니다. 맞춤 글꼴그냥 사진처럼 잘라서. 그러나 또한 웹사이트에서 사용자 정의 글꼴을 사용하는 또 다른 방법.

글을 쓰자 CSS 코드, 그리고 나서 설명하겠습니다.

@글꼴-얼굴(
글꼴 계열: SpecialFont;
src: url("글꼴/specialfont.ttf");
}
피(
글꼴 계열: SpecialFont;
}

결과적으로 태그에

글꼴이 적용됩니다 특수글꼴. 코드가 꽤 투명하다고 생각하는데 어쨌든 설명하겠습니다. 글꼴을 가져와 웹사이트(예: 폴더)에 업로드해야 합니다. 폰트. 다음 CSS 코드등록하다 @글꼴-얼굴이름과 경로를 입력하면 사용할 수 있습니다.

그러나 대부분의 경우 비표준 글꼴을 표시하기 위해 이미지를 사용하는 것은 당연한 일입니다. 사용 @font-face에는 2가지 단점이 있습니다.:

수백 킬로바이트에 달하는 매우 큰 글꼴이 있는데, 페이지 로딩 시간이 크게 늘어납니다..
두 번째 마이너스는 더욱 심각합니다. 모든 브라우저가 이 기능을 지원하는 것은 아닙니다.또한 일부 브라우저에서는 다른 형식의 글꼴이 필요합니다( ttf). 따라서 일부 사람들은 여전히 글꼴을 볼 수 없습니다. 이 문제를 해결하려면 동일한 글꼴을 다른 형식으로 다운로드해야 하는데, 이는 첫 번째 단점을 크게 증가시킵니다.

그러나 첫 번째 마이너스가 더 이상 이전만큼 중요하지 않다는 점은 주목할 가치가 있습니다. 인터넷 연결 속도가 매우 빠르게 증가하고 있으며 추가 정보에 관심을 갖는 사람은 거의 없습니다. 100-200KB.

두 번째 마이너스도 그다지 중요하지 않습니다. 이 코드를 이해하지 못하는 유일한 브라우저는 다음과 같습니다. IE8 이하, 플러스 iOS. 다른 모든 최신 브라우저는 문제 없이 이 코드를 이해합니다.

고려해 보면 IE8여전히 비교적 인기가 있으니 개인적으로는 일단 물러나겠습니다. 비표준 글꼴은 여전히 이미지로 사용할 수 있습니다., 하지만 가까운 시일 내에 이 브라우저가 역사가 되어 다음을 사용할 수 있기를 바랍니다. @font-face 및 ttf 글꼴.

추신봄 방학을 맞이한 모든 여성들에게 축하를 전합니다!

안에 최신 버전 텍스트 에디터 마이크로 소프트 워드상당히 많은 내장 글꼴 세트가 있습니다. 예상대로 대부분은 문자로 구성되어 있지만, 일부는 문자 대신 다양한 기호와 기호를 사용하기도 하는데, 이는 많은 상황에서 매우 편리하고 필요한 것이기도 합니다.

그러나 MS Word에 내장된 글꼴이 아무리 많아도 프로그램의 활성 사용자에게는 표준 세트가 항상 충분하지 않습니다. 특히 정말 특이한 글꼴을 원하는 경우에는 더욱 그렇습니다. 인터넷에서 타사 개발자가 만든 이 텍스트 편집기용 글꼴을 많이 찾을 수 있다는 것은 놀라운 일이 아닙니다. 그래서 이 기사에서는 Word에 글꼴을 추가하는 방법에 대해 설명합니다.

중요한 경고:다른 소프트웨어와 마찬가지로 신뢰할 수 있는 사이트에서만 글꼴을 다운로드하십시오. 글꼴 중 상당수에는 바이러스 및 기타 악성 소프트웨어가 포함되어 있을 수 있기 때문입니다. 자신의 안전과 개인 데이터의 안전을 잊지 마십시오. EXE 설치 파일에 제공된 글꼴은 실제로 Windows OS에서 지원하는 OTF 또는 TTF 형식의 파일이 포함된 아카이브에 배포되므로 다운로드하지 마십시오.

다음은 MS Word 및 기타 호환 프로그램용 글꼴을 다운로드할 수 있는 안전한 리소스 목록입니다.

위의 모든 사이트는 매우 편리하게 구현되었으며 각 글꼴이 명확하고 이해하기 쉽게 표시됩니다. 즉, 미리보기 사진을 보고 이 글꼴이 마음에 드는지, 필요한지 여부를 결정한 다음 다운로드해야 합니다. 그럼 시작해 보겠습니다.

1. 우리가 제공하는 사이트 중 하나(또는 완전히 신뢰하는 다른 사이트)에서 적합한 글꼴을 선택하고 다운로드하십시오.

2. 글꼴이 포함된 아카이브(또는 파일)를 다운로드한 폴더로 이동합니다. 우리의 경우 이것은 데스크탑입니다.

3. 아카이브를 열고 해당 내용을 편리한 폴더에 추출합니다. 보관되지 않은 글꼴을 다운로드한 경우 쉽게 액세스할 수 있는 위치로 이동하면 됩니다. 이 폴더를 닫지 마십시오.

메모: OTF 또는 TTF 파일 외에도 글꼴이 포함된 아카이브에는 이미지와 같은 다른 형식의 파일도 포함될 수 있습니다. 텍스트 문서, 우리의 예에서와 같이. 이러한 파일을 추출할 필요는 없습니다.

4. 을 엽니다.
안에 윈도우 8 - 10키를 사용하여 이 작업을 수행할 수 있습니다. Win+X, 나타나는 목록에서 를 선택해야 합니다. 키 대신 메뉴 아이콘을 마우스 오른쪽 버튼으로 클릭할 수도 있습니다. "시작".

안에 윈도우 XP-7이 섹션은 메뉴에 있습니다 "시작" — .

5. 보기 모드인 경우 "카테고리", 이 예에서와 같이 작은 아이콘 표시 모드로 전환하면 필요한 항목을 빠르게 찾을 수 있습니다.

6. 거기에서 항목을 찾으십시오 “글꼴”(아마도 마지막 항목 중 하나일 것입니다) 클릭하고 클릭하세요.

7. Windows에 설치된 글꼴이 들어 있는 폴더가 열립니다. 이전에 다운로드하여 아카이브에서 추출한 글꼴 파일을 여기에 넣습니다.

조언:간단히 마우스로 폴더에서 폴더로 끌거나 명령을 사용할 수 있습니다. Ctrl+C(복사) 또는 Ctrl+X(잘라) 그리고 나서 Ctrl+V(끼워 넣다).

8. 간단한 초기화 과정을 거친 후 글꼴이 시스템에 설치되고 이동한 폴더에 나타납니다.

메모:일부 글꼴은 여러 파일로 구성될 수 있습니다(예: 일반, 기울임꼴, 굵은 글꼴). 이 경우 모든 파일을 글꼴 폴더에 넣어야 합니다.

Word에 새 글꼴 설치

1. Word를 실행하고 프로그램에 내장된 표준 글꼴 목록에서 새 글꼴을 찾으세요.

2. 종종 목록에서 새 글꼴을 찾는 것이 보기만큼 쉽지 않습니다. 첫째, 이미 거기에 꽤 많은 글꼴이 있고 둘째, 자체 글꼴로 작성되었지만 이름이 매우 작습니다.

MS Word에서 새 글꼴을 빠르게 찾아 입력 시 사용하려면 이 그룹의 오른쪽 하단에 있는 작은 화살표를 클릭하여 "글꼴" 그룹 대화 상자를 엽니다.

3. 상장 "폰트"설치한 새 글꼴의 이름을 찾으십시오(우리의 경우에는 알타몬테 개인용)을 선택하고 선택하세요.

조언:창문에서 "견본"글꼴이 어떻게 보이는지 확인할 수 있습니다. 글꼴 이름은 기억나지 않지만 시각적으로 기억하면 더 빨리 찾을 수 있습니다.

4. 클릭 후 "좋아요"대화 상자에서 "폰트"을 클릭하면 새 글꼴로 전환되어 사용을 시작할 수 있습니다.

문서에 글꼴 포함

컴퓨터에 새 글꼴을 설치하면 해당 글꼴을 본인에서만 사용할 수 있습니다. 즉, 시스템에 이 글꼴이 설치되어 있지 않아 Word에 통합되지 않은 다른 사람에게 새 글꼴로 작성된 텍스트 문서를 보내면 해당 문서가 표시되지 않습니다.

새 글꼴을 PC(프린터 또는 인쇄된 종이)뿐만 아니라 다른 컴퓨터, 다른 사용자에서도 사용할 수 있게 하려면 해당 글꼴을 텍스트 문서에 포함해야 합니다. 이를 수행하는 방법에 대한 정보는 아래를 읽으십시오.

메모:문서에 글꼴을 포함하면 MS Word 문서의 크기가 늘어납니다.

1. Word 문서에서 탭으로 이동합니다. "옵션", 메뉴를 통해 열 수 있습니다. "파일"(Word 2010 - 2016) 또는 버튼 "MS워드" (2003 — 2007).

2. 눈앞에 열리는 "옵션"대화 상자에서 해당 섹션으로 이동하십시오. "보존".

3. 해당 항목 옆의 확인란을 선택합니다. "파일에 글꼴 포함".

4. 현재 문서에 사용되는 문자만 포함할지(파일 크기가 줄어듭니다) 또는 시스템 글꼴 포함을 제외할지(실제로는 필요하지 않음) 여부를 선택합니다.

실제로, 이전에 Windows에 글꼴을 설치한 후 Word에 글꼴을 설치하는 방법을 알았으므로 여기서 끝낼 수 있습니다. 새로운 기능과 무한한 가능성을 성공적으로 익히시기를 바랍니다. 마이크로소프트 프로그램단어.

글꼴이 없으면 책, 블로그, 코스 스케치에 대한 공지 또는 응원에서 눈송이 만들기가 불가능합니다. 많은 것은 올바른 글꼴을 선택하는 것에 달려 있습니다. 사람의 얼굴과 같은 글꼴은 감정과 분위기를 반영하고 불러일으킬 수 있습니다. 예를 들어, 당신은 사람들이 당신의 글을 읽고 나서 행복해지기를 바라지만 어떤 이유로 그들은 무관심합니다. 요점은 잘못된 글꼴을 선택한 것일 수 있습니다. 그리고 이는 인지부조화를 일으킨다.

활자체 분야 최고의 전문가인 Eric Spiekermann은 저서 On Type에서 타이포그래피가 엘리트를 위한 예술이 아니라, 할 말이 있고 자신의 생각을 올바르게 표현하고 싶은 모든 사람이 사용할 수 있는 강력한 도구임을 보여줍니다. 종이와 종이에 화면.

디자인 설명이 나와있어요 간단한 언어로, 그리고 글꼴은 더 이상 이해할 수 없는 것이 아닙니다. 의미있고, 강하고, 흥미롭습니다. 이 책은 이미 전 세계 수백만 명의 사람들이 읽었습니다. 이제는 러시아어로도 제공됩니다.

에릭 스피커만(Eric Spiekermann)을 만나보세요

에릭 스피커만(Eric Spiekermann)은 디자이너이자 브레멘 예술 아카데미 교수, 독일 디자인 위원회 회원, 국제 타이포그래픽 디자이너 협회 회장입니다.

Eric은 글꼴에 대한 열정을 가지고 있습니다. 그는 특정 글꼴이 어느 시대의 것인지 쉽게 알 수 있습니다. 어떤 글꼴이 당신의 사랑을 표현하고 어떤 글꼴이 당신의 진지한 의도를 보여줄지.

Eric Spiekermann과 그의 유형에 관한 가장 유명한 문구.

독일에 가본 적이 있고 독일 기차를 탔다면 정류장, 플랫폼 및 역에서 본 비문, 도표 및 표지판은 Eric Spiekerman의 손으로 만든 Deutsche Bahn 글꼴로 작성되었습니다. 그는 또한 The Economicist 잡지의 디자인인 Audi의 글꼴을 만들었습니다. 그리고 나는 이 책을 썼다.

“그의 출판물의 아름다움은 Eric이 디자이너가 아닌 사람들을 위해 썼다는 것입니다. 이것이 바로 사람들이 정말 좋아하는 것입니다. 평범한 인간 언어로 된 디자인과 타이포그래피입니다. 스피커만(Spiekermann) - 그는 단순히 현대 타이포그래피와 디자인 전반의 교황입니다.”
나탈리 라트코프스키

안에는 무엇이 있나요?

이것은 글꼴이 주요 거주자인 실제 평행 세계입니다. 그리고 이 책은 손등과 같은 글꼴을 이해하는 방법을 가르쳐 줄 것입니다. 책에는 엄청난 수의 예가 있습니다.

그래픽 디자인과 타이포그래피는 쉽지 않지만, 간단한 프로젝트라도 올바른 글꼴을 선택하는 방법을 알면 도움이 될 수 있습니다.

정보를 제시하는 기술은 독자가 주의가 산만해지지 않도록 하고, 끝까지 읽고, 말하고 싶은 내용을 이해하도록 하는 것입니다. 이것은 글꼴을 선택하는 기술입니다.

성격이 있는 편지

편지를 자세히 살펴보십시오. 가볍거나 거대하거나, 둥글거나 정사각형이거나, 얇거나 쪼그리고 있습니까? 그것은 어떻게 생겼나요? 글자는 군인처럼 주목을 받을 수도 있고, 줄을 서서 우아하게 노래하거나 춤을 출 수도 있고, 소리를 지르거나 웃을 수도 있습니다. 어떤 단어는 소리가 날 뿐만 아니라 다른 단어보다 더 유쾌해 보입니다.

의심, 놀라움, 분노, 기쁨을 나타내는 글꼴입니다. 책의 삽화

기쁨(“joy”)이라는 단어의 글꼴 열린 양식, 자신감 있는 스트로크와 역동성. 어떤 단어는 그 단어를 구성하는 글자에 설명이 포함되어 있다는 것을 보는 것이 좋습니다. 이 느슨하고 쉬운 모양은 분명히 즐겁고 두 팔을 벌린 사람, 특히 글자 Y를 연상하게 할 것입니다.

윤곽선이 선명한 굵은 글꼴은 우울한 느낌에 해당하고, 가볍고 캐주얼한 글꼴은 유쾌한 감정을 더 잘 전달합니다.

카프카 글꼴

글꼴 디자이너는 서체를 개발할 때 항상 손글씨를 모델로 삼았습니다. 기계적인 한계로 인해 브러시, 펜, 만년필, 펠트펜 등을 사용하여 손으로 쓰는 글꼴이 개발되었습니다. 그런 다음 금속을 잘라내거나 사진을 찍어 활자로 만들었습니다.

오늘날 디지털 도구의 발전으로 손으로 쓴 글꼴은 더욱 독특하고 개인화되었습니다. 이제 피카소, 세잔, 프란츠 카프카 등 유명한 예술가와 작가의 "손글씨"를 구입할 수 있습니다.

Mister K 그룹의 글꼴책의 그림

후자의 원고는 읽기가 매우 어려웠지만 Yulia Sysmäläinen은 멈추지 않았습니다. 그녀는 Mr. 글꼴을 개발했습니다. K - Kafka의 손글씨 - 작가가 아마도 피하고 싶어할 모든 결함이 포함되어 있습니다.

타이포그래피 퍼즐

놀자. 각 신발 종류에 어울리는 글꼴은 무엇이라고 생각하시나요?

책의 삽화.

선택할 글꼴

아마도 당신은 이런 상황에 처해 있었을 것입니다. 늦은 저녁, 아침 6시에 비행기를 타는데 여전히 여행 가방을 싸고 있고 무엇을 가져갈지 결정할 수 없습니다.

글꼴을 선택할 때 이런 일이 발생합니다.

특정 메시지에 적합한 글꼴을 선택하는 것은 흥미롭지만 동시에 어렵습니다. 사실 외에 메시지에 무엇을 담고 싶나요? 어떻게 해석하고, 댓글을 달고, 꾸미고 싶나요? Times New Roman과 같은 "중립" 글꼴을 선택하면 메시지가 중립적입니다.

메시지의 모양을 생각하면 어떤 식으로든 해석할 수 있습니다.

가상의 여행 가방에 글꼴을 담기 전에 문제를 살펴보세요. 실용성과 심미성의 균형이 필요합니다.

우리는 특정 글꼴의 모양을 특정 제품과 연관시킵니다. 따라서 즉석에서 손으로 쓴 글꼴을 사용한 비문은 신선한 제품에 더 적합합니다. 제과류는 부드러운 모양의 세리프체에 해당하고, 통곡물은 들쭉날쭉한 윤곽선이 있는 빠르게 손으로 쓴 활자로 가장 잘 표현되며, 진지한 사업 기업은 구리 조각 시대와 연관되어 있으며, 유가 증권은 정교한 인쇄된 증명서 형태로 생산되었습니다.

도서 스프레드

아직도 책 속에

이 책을 통해 당신은 글꼴을 새로운 방식으로 바라보고, 글꼴을 이해하는 방법을 배우고, 목적에 맞는 글꼴을 선택하게 될 것입니다. 이 책에는 흥미롭고 실용적인 정보가 많이 포함되어 있습니다.

글꼴 진화의 역사
특정 작업을 위한 글꼴 선택
글꼴의 가독성 및 가독성
글꼴을 작동시키는 방법
화면 글꼴 기능
신문, 잡지, 텍스트 책 레이아웃
글꼴의 미래
타이포그래피에 관한 문헌 및 웹사이트 목록

…200페이지에 달하는 흥미로운 역사적 사실, 유용한 팁글꼴의 선택과 사용에 관한 아름다운 예시입니다.

올바른 글꼴을 선택하는 방법을 배우는 데 평생을 보낼 수 있으며 이는 거의 수채화를 마스터하는 것과 마찬가지로 매우 흥미롭습니다. 또한 청중에게 아이디어를 전달하는 방법 중 하나이기 때문에 유용합니다. 글꼴과 친구가 되어보세요!

안녕하세요, 독자 여러분!

이전 기사에서는 인라인 CSS 스타일을 사용하여 비표준 방식으로 WordPress를 실행하는 웹 사이트의 콘텐츠 스타일을 지정하는 방법에 대해 썼습니다. 스타일을 사용하면 무엇보다도 텍스트에 사용된 글꼴을 변경할 수 있습니다.

웹사이트의 글꼴은 디자인에서 가장 중요한 요소입니다. 페이지에서 방문자의 행동은 올바른 선택에 따라 달라집니다. 이 모든 것이 전체 디자인과 조화롭게 결합되도록 올바른 글꼴 유형, 크기, 두께, 기울기, 색상을 선택해야 합니다.

그러나 때로는 특이한 글꼴을 사용해야 할 필요가 있으며 이제 예술적, 손글씨, 고딕, 고대 러시아어 등 수많은 글꼴이 개발되었습니다. 이 중 어떤 글꼴을 사이트에서 사용할 수 있습니까?

가능하지만 특정 조건이 있습니다.

표준 및 사용자 정의 글꼴

사용자 화면에 올바르게 표시되도록 선택한 글꼴의 경우 해당 글꼴이 컴퓨터에 설치되어 있어야 합니다. 운영 체제를 설치할 때 특정 글꼴 세트도 제공됩니다. 이 세트를 표준이라고 합니다. 각 운영 체제에는 고유한 표준 글꼴 목록이 있습니다. 하지만 모든 글꼴에 존재하는 글꼴이 있습니다. 운영체제, 안전하다고합니다. 방문자의 컴퓨터에 올바르게 표시되지 않을 것이라는 걱정 없이 웹사이트에서 해당 항목을 안전하게 사용할 수 있습니다. 당연히 이러한 글꼴은 가장 널리 사용되며 대부분의 사이트에서 콘텐츠를 입력하는 데 사용되며 읽기 쉽습니다.

표준 글꼴 외에도 사용자는 컴퓨터에 다른 비표준 글꼴을 설치할 수 있지만 디스플레이에 문제가 발생할 수 있습니다. 때로는 경험이 부족한 사용자가 Word 또는 프레젠테이션에서 일반 텍스트 문서를 준비하면서 인터넷에서 찾아 컴퓨터에 설치한 아름다운 예술적 글꼴을 사용합니다. 준비할 때는 모든 것이 멋져 보이지만 다른 컴퓨터에서 이 프레젠테이션을 보기 시작하면 이 아름다운 글꼴이 일반 표준 글꼴로 대체되는 것으로 나타났습니다.

웹사이트에서도 같은 일이 일어납니다. 사용하는 비표준 글꼴이 사이트 방문자의 컴퓨터에 올바르게 표시되기 위해서는 해당 글꼴이 사이트 방문자의 컴퓨터에 설치되어 있어야 합니다. 그러나 수천 명의 방문자에게 사이트를 보기 위해 특정 글꼴을 설치하도록 요구할 수는 없습니다.

이 문제를 해결하는 방법?

이렇게 하려면 필요한 글꼴을 사이트에 연결해야 합니다.

웹사이트에 글꼴을 연결하는 방법

이를 수행하는 두 가지 주요 방법이 있습니다. 첫 번째 경우에는 특수 원격 서버에 있는 글꼴이 사용되고, 두 번째 경우에는 사이트 자체의 서버에 글꼴 파일을 배치하는 작업이 포함됩니다.

이번 글에서는 첫 번째 방법에 대해 자세히 살펴보겠습니다.

Google Fonts 서비스 작업

시작해보자 구글 서비스글꼴, 가장 유명하고 신뢰할 수 있습니다.

제가 신뢰성에 대해 이야기하는 것은 아무것도 아닙니다. 웹사이트에서 제3자 리소스를 사용하는 경우에는 검증되고 신뢰할 수 있어야 하기 때문입니다. 이 글을 준비하는 과정에서 나는 북마크에 있는 글꼴 모음이 있는 여러 사이트를 방문했습니다. 이전에 사용했지만 그 중 하나는 호스팅 미납으로 인해 비활성화되었고 다른 하나는 한때 매우 구매했던 것으로 나타났습니다. 아름다운 글꼴, 바이러스 백신에 의해 차단되었습니다.

그 자리에서 , 스크린샷에서 볼 수 있듯이 이 순간컬렉션에는 708개의 글꼴이 포함되어 있지만 모든 글꼴이 우리에게 적합한 것은 아닙니다. 러시아어 사이트의 경우 키릴 문자를 지원하는 글꼴이 필요합니다. 왼쪽에는 선택을 위한 필터가 있으며, 드롭다운 목록에는 스크립트선택하다 키릴 문자,그 이후에는 이미 61개의 옵션이 남아 있습니다. 우리는 그들 중에서 선택합니다. 버튼을 클릭하여 원하는 글꼴을 컬렉션에 추가하세요. .