웹사이트에 신선한 면모를 부여하는 11가지 웹 디자인 글꼴

게시 됨: 2023-02-02

웹 디자인 글꼴은 비즈니스 웹 사이트의 작은 부분처럼 보이지만 실제로는 전환에 많은 영향을 미칩니다.

웹 디자인 글꼴

"슈퍼"와 일반을 구분하는 것은 무엇입니까? 파란 머리 큰 영화 캐릭터가 "프레젠테이션!"이라고 외칩니다.

웹 페이지를 디자인할 때 외모는 전체적인 계획에서 큰 역할을 합니다. 청중이 좋아할 만한 흥미로운 작품이 있다고 가정해 보겠습니다. 프레젠테이션이 시시하거나 끔찍하다면 청중을 밀어낼 수 있습니다. 멀리, 멀리.

다행스럽게도 웹 디자인과 개발은 어렵지 않습니다. 웹 페이지를 매력적으로 만들어야 하고 청중을 끌어들일 수 있어야 합니다. 이것이 바로 사용자에게 멋진 경험을 제공하는 방법입니다. 특히 글꼴 선택은 독자가 웹 페이지에 머물거나 떠나는 데 영향을 미칠 수 있습니다.

웹 페이지 디자인에 이 글꼴을 자유롭게 사용하고 최대한의 잠재력을 발휘하십시오. 어떤 글꼴을 선택해야 하는지, 왜 글꼴이 온라인 도달에 매우 강력한지 대략적인 아이디어를 얻을 수 있기를 바랍니다.

웹 디자인 글꼴을 선택하는 방법

귀하의 웹 페이지는 명확하고 독특한 모양을 가지고 있습니다. 해당 모양에 텍스트가 표시되는 방식이 성공의 열쇠입니다. 그러나 다음 6가지 요소를 기반으로 성공을 개선할 수 있음을 명심하십시오.

  1. 가독성과 가독성
  2. 브랜드 일관성
  3. 분위기와 어조
  4. 웹 접근성 지침
  5. 브라우저 간 호환성
  6. 확장성

1. 가독성과 가독성

가독성은 사용자가 문자를 얼마나 쉽게 구분할 수 있는지입니다. 독자가 문자가 "5"의 "S"인지 판단하는 데 문제가 있는 경우 다른 글꼴을 선택해야 할 수 있습니다. 일부 글꼴은 유사한 문자(예: "1", 대문자 "I" 및 소문자 "l")를 서로 구분하기 위해 다른 모양을 제공합니다.

가독성은 전경색 및 배경색 선택, 글꼴 크기 및 글꼴 두께와 같은 다른 요인의 영향을 받을 수 있습니다. 예를 들어 일부 문자는 글꼴 크기를 늘리면 더 잘 읽을 수 있지만 읽을 수 있습니까?

그런 점에서 가독성은 가독성과 다릅니다.

가독성은 독자가 텍스트 블록을 읽는 데 얼마나 편안한지입니다. 그 수준의 편안함은 텍스트의 가독성에도 영향을 받습니다. 단어가 너무 작아 글자를 구분할 수 없는 경우 단어를 읽을 수 없습니다. 전체 텍스트를 읽을 수는 있지만 원하는 만큼 편안하지는 않은 조밀한 법적 "작은 활자" 블록의 경우도 마찬가지입니다.

2. 브랜드 일관성

프레젠테이션의 일관성을 유지해야 합니다. 브랜드 보이스는 웹 페이지의 강력한 기반을 제공하지만 전체적으로 동일한 아이덴티티를 유지하면 요점을 전달하는 데 얼마나 진지한지 알 수 있습니다. 귀하의 프레젠테이션은 모두 특정 이야기를 전달하는 것을 목표로 하고 있으며 고객이 해당 이야기를 확인하고 인정하도록 초대하고 있습니다.

내러티브를 제자리에 유지하는 글꼴을 찾으십시오. 전문적인 톤을 찾고 있다면 전문적인 글꼴을 사용하세요. 매력적이고 친근한 콘텐츠를 위해 보기 편한 글꼴을 사용하세요. 충분히 열심히 보면 청구서에 딱 맞는 것을 찾을 수 있습니다.

3. 기분과 어조

글꼴 심리학은 글꼴이 청중이 콘텐츠를 인식하는 방식에 어떤 영향을 미치는지에 대한 연구입니다. 일부 글꼴은 전통적으로 특정 목적을 위해 사용되었으며 사람들은 이에 익숙해졌습니다. 다른 글꼴은 단순히 독자의 특정 생각과 감정을 불러일으킵니다. 어쨌든 설정하려는 분위기에 독자를 끌어들이는 데 도움이 되는 글꼴을 사용하고 싶을 수 있습니다.

그런 분위기를 조성하기 위해 글꼴을 가지고 놀 수 있습니다. 예를 들어 일부 글꼴은 본문보다 머리글에 더 효과적입니다. 글꼴을 혼합하고 일치시키면 콘텐츠에 더 극적인 느낌을 주고 더 강력한 감정을 불러일으킬 수 있습니다.

4. 웹접근성 가이드라인

귀하의 웹사이트는 모든 방문자를 포함해야 합니다. 그것은 어려움이나 제한을 경험하는 사람들이 다른 모든 사람들과 같은 방식으로 귀하의 웹사이트에 여전히 환영받을 수 있도록 합니다. 비즈니스에 더 많은 트래픽을 생성하는 도구일 뿐만 아니라 모든 소비자 간의 커뮤니티를 장려합니다.

이를 위해 디자이너는 종종 지침을 사용하여 사이트에 대한 웹 접근성을 개선합니다. 이러한 규칙과 지침은 모든 방문자가 콘텐츠를 보다 사용자 친화적이고 이해하기 쉽게 만듭니다. 현재로서는 필요하지 않지만 웹 접근성을 개선하는 것은 소비자 기반과 친밀감을 형성하는 좋은 방법이며, 귀하가 관심을 갖고 있으며 귀하가 만들고 있는 것의 일부가 되기를 원한다는 것을 보여줍니다. 네 가지 주요 표준은 다음과 같습니다.

  • 감지할 수 있습니다. 간단히 말해서 소비자는 콘텐츠를 이해해야 합니다. 또한 콘텐츠를 "보는 것"에만 국한되지 않습니다. 맹인이거나 시력이 낮은 사용자는 대체 화면 판독기 소프트웨어를 사용하여 인터넷 탐색을 돕습니다. 웹 페이지를 설정할 때 이러한 사용자를 고려하십시오.
  • 실시 가능한. 이는 모든 사용자가 웹 페이지의 모든 부분(텍스트, 링크, 오디오, 비디오, 기타 미디어)에 액세스하고 작동할 수 있음을 의미합니다. 일반적으로 작동 가능한 대부분의 웹 사이트는 단순하므로 탐색하기 쉽습니다.
  • 이해할 수 있는. 귀하의 사용자는 귀하가 말하는 모든 정보를 소화할 수 있어야 합니다. 공통 언어를 사용하거나 대체 언어를 제공할 수 있습니다. 마찬가지로 사용자가 귀하와 귀하의 제품을 이해하는 데 도움이 되도록 웹 사이트의 탐색을 직관적이고 자연스럽게 구성해야 합니다.
  • 건장한. 웹사이트의 콘텐츠는 스크린 리더와 같은 보조 프로그램으로 쉽게 분류하고 분석할 수 있어야 합니다. 그렇게 하면 어려움을 겪는 사람들도 웹사이트에서 제공하는 경험의 일부가 될 것입니다.

권장 도서: 고객 중심을 우선시하는 웹 디자인 개념

5. 브라우저 간 호환성

일부 사용자는 어떤 이유로든 Chrome이나 Mozilla와 같은 인기 있는 웹 브라우저를 사용하고 싶어하지 않는다는 점을 고려해야 합니다. 경우에 따라 이러한 대체 브라우저는 Arial 또는 Times New Roman과 같은 대체 글꼴을 사용하여 텍스트를 표시합니다. 전부는 아니지만 대부분의 브라우저에서 제대로 표시될 수 있는 글꼴을 사용하십시오.

웹사이트에서 지원하는 네 가지 글꼴 형식은 다음과 같습니다.

  • 임베디드 개방형(EOT). Microsoft 브라우저(Internet Explorer 및 Microsoft Edge)에서만 지원됩니다.
  • 트루타입 글꼴/개방형 글꼴(TTF/OTF). 1980년대에 Apple과 Microsoft가 설립한 이러한 형식은 Chrome, Firefox, Opera, Microsoft Edge 및 Internet Explorer와 같은 모든 주요 브라우저에서 지원됩니다.
  • 웹 개방형 글꼴 형식(WOFF). 2009년 Mozilla에 의해 설립된 이 형식은 TTF/OTF의 압축 버전으로 로드 속도가 더 빠릅니다.
  • 웹 개방형 글꼴 형식(WOFF2). 이전 WOFF의 개정판으로 주요 플레이어로는 Chrome, Firefox 및 Opera가 있습니다. WOFF를 대체하도록 설계되었으며 결국 그렇게 할 것입니다.

현재 가장 일반적으로 사용되는 형식은 TTF/OTF 및 WOFF입니다. 이러한 형식을 사용하는 글꼴은 지원되는 모든 브라우저에서 올바르게 표시될 수 있습니다.

6. 확장성

일부 글꼴이 다른 글꼴보다 더 좋고 매끄럽게 보이는 것을 본 적이 있습니까? 이러한 유형의 글꼴을 확장 가능한 글꼴이라고 합니다. 텍스트 크기에 관계없이 동일하게 보이도록 프로그램되어 있습니다. 일부 글꼴은 같은 방식으로 프로그래밍되지 않아 결과 텍스트가 더 저렴하고 품질이 떨어집니다.

확장성이 중요한 이유는 무엇입니까? 간단 해. 대부분 나이가 많은 사용자인 일부 사람들은 작은 텍스트를 읽을 수 없습니다. 그들은 당신이 읽고 싶은 것을 읽을 수 있으려면 정말 열심히 확대해야 합니다. 확장 가능한 글꼴을 선택하면 웹 페이지에 대한 경험이 풍부해지고 청중의 일부로 포함된 느낌을 받을 수도 있습니다.

인기 있는 웹 디자인 글꼴

이제 웹 페이지에 가장 적합한 글꼴을 선택하는 기본 사항을 다루었으므로 다음은 디자이너가 권장하는 인기 있는 글꼴입니다.

1. 오픈 산세

Open Sans는 "간단한" 글꼴입니다. 직설적이고 핵심적이며 메시지를 어지럽히지 않습니다. Open Sans는 또한 놀라울 정도로 매우 다재다능합니다. 형식적으로 보이지만 디자이너가 "중립적이면서도 친근한 느낌"을 주기도 합니다.

확장 가능하므로 작고 큰 텍스트 크기로 읽을 수 있습니다. 또한 인쇄, 웹 및 모바일 인터페이스에 최적화되어 있습니다.

Open Sans가 온라인에서 일반적으로 사용되는 이유를 알 수 있습니다. 실제로 8,400만 개 이상의 웹사이트에서 이러한 방식으로 이를 사용하고 있습니다. 이러한 웹 사이트 중 일부는 다음과 같습니다.

  • 업워크
  • 바나
  • 아톨 디지털
  • 센스매거진

2. 로보토

Roboto는 디자이너들이 추천하는 또 다른 인기 있는 글꼴입니다. 견고하고 기하학적인 서체이며 "친근하고 열린 곡선"을 특징으로 합니다. 글자가 서로 더 촘촘하게 나타나서 좀 더 리드미컬하게 읽을 수 있습니다.

Roboto의 글꼴 제품군에는 Roboto Condensed 및 Roboto Slab이 포함되어 전체 Roboto 제품군을 유연하게 만듭니다. 제목에서 머리글, 평범한 오래된 본문 텍스트에 이르기까지 거의 모든 것에 사용할 수 있는 글꼴입니다. 어쨌든 웹 페이지에 올릴 만큼 전문적이고 친근하게 보입니다.

Google과 YouTube를 포함한 6억 3천만 개 이상의 웹사이트에서 종교적으로 Roboto를 사용하는 것은 놀라운 일이 아닙니다.

3. 라토

Lato는 원래 기업 웹 사이트의 전문 글꼴로 설계되었습니다. 클라이언트가 다른 방향으로 갔기 때문에 글꼴이 공개되었습니다. 편지는 소박한 테마의 손으로 쓴 편지처럼 매끄럽고 우아하게 보입니다.

또한 눈이 편하기 때문에 Lato는 본문 텍스트의 심각한 경쟁자입니다. 텍스트가 커질수록 고유한 특성을 유지하면서 더 큰 크기에서도 매우 좋습니다.

친근함과 따뜻함도 서체의 큰 테마입니다. Lato(폴란드어로 여름)도 여름의 느낌을 염두에 두고 디자인되었습니다. 딱딱하지만 과하지 않은, 진지하면서도 위로가 되는 음색을 풍긴다.

Lato의 활용 사례는 기업 벤처 사이트인 Bundl에서 찾아볼 수 있습니다.

4. 헬베티카

이것은 고전입니다. 당신은 이것에 대해 들어봤을 것이고, 당신이 묻는 곳에 따라 많은 엇갈린 반응을 받았습니다. 그럼에도 불구하고 Helvetica는 웹 페이지의 견고한 글꼴로 남아 있습니다. 매우 유연한 글꼴 제품군이며 굵게, 압축하거나 웹 페이지에 일반적인 서체를 사용할 수 있습니다.

Helvetica는 원래 1957년에 어디에서나 사용할 수 있는 중립 글꼴로 설계되었습니다. 그것은 인터넷에서 가장 인기 있는 글꼴 중 하나로 빠르게 자리매김하면서 그 역할을 티에 수행했습니다. 글꼴을 사용하면 멀리서도 단어를 더 쉽게 읽을 수 있으며 헤드라인에도 적합합니다. 또한 텍스트의 글꼴 크기에 관계없이 읽기 쉽고 읽을 수 있습니다.

Helvetica도 유연성 때문에 시대와 함께 끊임없이 진화하고 있습니다. BMW, 모토로라, 네슬레, 마이크로소프트, 애플 등 다양한 산업 분야의 브랜드에서 Helvetica를 어떤 식으로든 사용합니다. NASA 및 유럽 연합과 같은 정부 기관에서도 Helvetica를 사용합니다.

5. 프록시마 노바

Facebook의 전 디자인 책임자인 Cameron Moll은 Proxima Nova의 역사에 대한 기사를 발표했습니다. 그는 글꼴이 "디지털 인터페이스에 매우 다재다능하고 다양한 크기에서 일꾼처럼 작동하며 레티나 디스플레이에서 눈에 띄게 보입니다."라고 설명합니다.

Proxima Nova는 Futura와 같은 글꼴의 원형과 Helvetica와 같은 글꼴의 기하학을 캡처하기 위한 글꼴입니다. 그러나 다른 글꼴도 동일한 작업을 시도했기 때문에 그 점에서 고유하지 않습니다. Gotham은 2000년대 초에 Proxima Nova보다 훨씬 더 인기가 있었습니다. Moll은 웹에서 Proxima Nova의 초기 가용성이 상징적인 서체로서의 위상을 높였다고 주장합니다.

그 이후로 온라인에서 가장 인기 있는 상업용 글꼴이 되었습니다.

6. 몬세라트

Montserrat 글꼴은 같은 이름의 브라질 지역에서 영감을 받았습니다. 예전 부에노스아이레스 타이포그래피의 분위기를 포착하여 현대 미디어에 전달하려고 시도합니다. 이 때문에 몬세라트는 보는 이들에게 향수와 친숙함을 불러일으킨다. 그것은 모든 종류의 판촉 자료에 대해 진지하면서도 친근한 어조를 설정합니다.

그 인기는 확장성과 가독성에 기인합니다. 따라서 온라인 매체뿐만 아니라 브로셔, 서적과 같은 인쇄 매체에서도 사용이 가능합니다. 멕시코 정부의 그래픽 매뉴얼도 공식 매체의 표준으로 서체를 정했다.

7. 레일웨이

Raleway는 세련된 오픈 소스 글꼴입니다. 즉, 무료로 사용할 수 있으며 모든 웹 디자인, 특히 고유한 "W"에서 입지를 굳힐 수 있습니다.

접근성 때문에 디자이너는 Raleway를 사용하고 다른 글꼴과 잘 결합되기 때문에 선호합니다. 글꼴 자체는 읽기 쉽고 독자에게 환영의 호소를 제공합니다. 광범위한 청중에게 적합한 거의 모든 프로젝트에 Raleway를 사용할 수 있습니다.

8. 소스 산세 프로

Source Sans Pro는 Adobe의 첫 번째 오픈 소스 글꼴 모음입니다. 특히 사용자 인터페이스와 잘 작동하도록 설계되었습니다. 둥근 모양으로 글자가 눈에 잘 띄고 각 글자 사이의 간격을 최대화합니다.

Source Sans Pro의 가장 눈에 띄는 품질은 가독성이며 일부 문체 디자인 선택 덕분에 유사한 문자를 쉽게 구별할 수 있습니다. 핵심적으로 Source Sans Pro는 접근성에 관한 것입니다. 읽기 쉽고 전문적인 어조입니다. Stanford University와 Adobe는 웹사이트에 이 글꼴을 사용합니다.

9. 포핀스

웹 페이지에 대한 견고하고 진지한 톤을 찾고 있다면 Poppins가 적합할 수 있습니다. 글자는 강하고 직선적으로 보이며 글꼴로 얻을 수 있는 것처럼 간단합니다.

결과적으로 텍스트의 확장성에 대해 걱정할 필요가 없습니다. 또한 정말 세련되고 단순합니다. 모든 웹 페이지에 대한 확실한 선택입니다.

애니메이션 스튜디오 Wonderlust는 이 글꼴을 사용하는 810만 개의 웹사이트 중 하나입니다.

10. 조지아

Microsoft에서 디자인한 Georgia는 디지털 형식으로 읽을 수 있도록 만들어진 글꼴입니다. 저해상도 화면에서도 우아하고 읽기 쉽습니다.

그것의 우아함은 부분적으로 로마에서 영감을 받은 디자인에 있습니다. 그러나 문자를 전혀 읽을 수 없게 되는 것은 아닙니다. 결과적으로 독서 경험은 디지털과 종이 모두에서 균형 잡힌 느낌을 줍니다.

Microsoft는 보다 현대적이고 유연한 모양을 제공하기 위해 정기적으로 글꼴을 업데이트합니다. 업데이트된 버전인 Georgia Pro를 구입할 수 있습니다. 그러나 Microsoft 사용자는 Microsoft Store에서 무료로 글꼴을 얻을 수 있습니다.

11. 플레이페어 디스플레이

Playfair Display는 나쁜 것이 아니라 18세기의 신문 용지처럼 읽힙니다. 이 글꼴은 매우 화려해 보이며 웹 페이지에 매우 전문적인 톤을 설정합니다. 그것은 또한 정교한 읽기를 가능하게 하고 놀라울 정도로 유연합니다. 다른 글꼴과 함께 사용하여 고급스러운 느낌을 살릴 수 있습니다.

웹 디자인 글꼴을 효과적으로 사용하는 방법

사용할 글꼴 목록과 필요에 따라 글꼴을 식별하는 방법이 제공되었습니다. 그것들을 효과적으로 사용하는 것은 완전히 다른 과정입니다. 다음은 글꼴을 사용할 때 주의해야 할 사항입니다.

1. 글꼴 페어링 및 조합.

디자이너가 더 큰 효과를 위해 글꼴을 혼합하고 일치시키는 것을 보는 것은 드문 일이 아닙니다. 옷장을 뒤지고 의상 중 하나에서 평범한 흰색 티셔츠를 돋보이게 만드는 것으로 생각하십시오. 또는 당신의 새로운 발차기로 사람들의 시선을 끌 수도 있습니다.

같은 맥락에서 독자가 독자의 시선을 끌지 않더라도 웹 페이지의 특정 지점으로 독자를 안내할 수 있습니다. 사람들이 특정 지점을 실제로 들여다 볼 수 있도록 주변의 다른 모든 것을 구조화하면 됩니다.

여기에는 동일한 웹 페이지에서 다른 목적으로 다른 글꼴을 사용하거나 미적 색 구성표를 설정하는 것과 같은 간단한 작업이 포함됩니다. 색상 심리를 최대화하면 웹 페이지에서 전환율을 높일 수도 있습니다.

2. 사용자 정의 글꼴 생성.

충분히 창의적이라면 자신만의 목적을 위해 자신만의 글꼴을 만들 수도 있습니다! Calligraphr와 같은 일부 서비스를 사용하면 손글씨를 디지털 형식으로 변환할 수 있습니다. 다른 사람들이 사용할 수 있는 글꼴을 만들고자 한다면 일반적으로 긴 디자인 프로세스라는 점에 유의하십시오.

3. 라이센스 및 사용 권한.

대부분의 글꼴은 무료이며 개인용이든 상업용이든 다양한 목적으로 사용할 수 있습니다. 그러나 일부 글꼴 디자이너는 창작물 사용에 제한을 둡니다. 예를 들어 상업적 목적으로 글꼴을 사용하려면 디자이너에게 비용을 지불해야 합니다.

4. 테스트 및 최적화.

모든 웹 페이지의 중요한 시험판 단계는 테스트 및 최적화입니다. 텍스트가 올바른 글꼴로 올바르게 표시되는지, 색 구성표가 보기에 좋은지 등을 다시 확인해야 합니다.

권장 도서: 원활한 웹 디자인 및 개발 워크플로를 만드는 방법

웹사이트에서 사용할 글꼴 설정

이제 어떤 글꼴이 온라인에서 일반적으로 사용되는지 파악했으므로 글꼴을 사용할 준비가 되었습니다. 시작하는 방법은 다음과 같습니다.

1. 글꼴을 다운로드하여 설치합니다.

일부 크리에이티브 제품군에는 바로 사용할 수 있는 사전 설치된 글꼴이 있습니다. 그러나 마음에 드는 글꼴이 카탈로그에 없는 경우 온라인에서 간단히 검색할 수 있습니다. 다운로드할 형식을 선택할 수도 있습니다(예: TTF/OTF, WOFF 또는 둘 다 사용할지 여부).

많은 오픈 소스 글꼴은 무료로 다운로드할 수 있지만 일부 글꼴은 특정 용도로 사용하기 전에 구입해야 합니다. 상업적 목적으로 글꼴을 사용하려는 경우 사용하기 전에 글꼴의 사용 조건을 읽어보십시오.

글꼴을 찾으면 컴퓨터에 다운로드하기만 하면 됩니다. 대부분의 글꼴은 .ZIP 형식으로 제공되므로 압축을 해제해야 합니다. 파일을 마우스 오른쪽 버튼으로 클릭하고 "여기에서 추출"을 선택하면 됩니다. 설치할 준비가 된 글꼴 파일이 생성됩니다.

파일을 두 번 클릭한 다음 팝업되는 미리보기 화면에서 "설치"를 누르기만 하면 됩니다.

2. 웹사이트에 글꼴을 삽입합니다.

직접 작업할 계획이라면 이 가이드와 같은 다양한 가이드를 검색하여 다양한 웹 플랫폼을 사용하여 글꼴을 포함하는 방법을 확인할 수 있습니다.

웹 페이지를 대중에게 공개하기 전에 웹 디자인 체크리스트가 있음을 명심하십시오.

3. 브라우저 간 호환성을 보장합니다.

더 대중적이고 일반적으로 사용되는 글꼴은 이미 TTF/OTF 또는 WOFF 버전에 있으므로 모든 주요 브라우저에서 제대로 표시됩니다. 그러나 형식이 다르기 때문에 의도한 대로 보이지 않는 사용자 정의 글꼴이 나타날 수 있습니다.

글꼴을 고수하고 싶다면 일부 온라인 가이드를 시도하고 텍스트를 브라우저 간 호환되도록 만들 수 있습니다. 그러나 웹 디자인이 위태로워지지 않도록 앞서 언급한 형식의 글꼴을 사용하는 것이 좋습니다.

웹 글꼴 최적화 팁

웹 페이지 로딩 시간에 문제가 발생할 수 있습니다. 이 시대에 긴 로딩 시간은 웹을 검색하는 모든 사람에게 골칫거리입니다. 사용자와 잠재 고객도 다르지 않습니다. 긴 로딩 시간을 피하는 방법은 다음과 같습니다.

1. 너무 많은 글꼴을 사용하지 마십시오.

이것은 매우 간단합니다. 일반적으로 웹 사이트에서 사용하는 사용자 지정 글꼴이 많을수록 웹 호스팅 서비스 속도가 느려집니다.

글꼴 사용에 대한 일반적인 경험 법칙은 두 가지 글꼴 클래스를 고수하는 것입니다. 하나는 머리글과 제목용이고 다른 하나는 본문 텍스트용입니다. 이렇게 하면 호스팅 서비스의 과부하를 피할 수 있으며 디자인 팀에 부담을 덜 수 있습니다. 글꼴을 자주 변경하면 뷰어가 꺼질 수도 있습니다.

2. 각 브라우저에 최적화된 글꼴을 사용합니다.

불행히도 모든 브라우저에서 작동하는 형식은 없습니다. 웹 페이지를 만들 때 다른 형식을 사용해야 합니다. Google Analytics를 사용하면 방문자에게 가장 인기 있는 브라우저와 기기를 확인할 수 있습니다.

대체 글꼴을 사용하는 이전 브라우저에 익숙하다면 언제든지 바로 가기를 사용할 수 있습니다. 그러나 다시 말하지만 권장되지 않습니다.

주요 테이크 아웃

먼지가 가라앉았으니 이제 창의력을 발휘할 시간입니다. 이 목록에 있는 글꼴을 자유롭게 사용하거나 필요에 더 적합한 사용자 정의 글꼴을 인터넷에서 탐색할 수 있습니다. 어쨌든 이 기사에서 세 가지 주요 내용을 살펴보겠습니다.

  • 브랜드 보이스와 일치하는 글꼴을 사용하십시오. 청중과의 관계를 개선하고 새로운 고객을 위한 분위기를 조성합니다.
  • 브랜드를 고객 중심으로 만드십시오. 웹 디자인의 한 가지 중요한 측면은 사용자가 즐길 수 있는 무언가를 만들고 있다는 것입니다. 너만 아니면.
  • 실험하는 것을 두려워하지 마십시오. 그것이 디자인 프로세스의 목적입니다. 작동하는 것과 작동하지 않는 것을 탐색해야 합니다.

지금 바로 Propelrr에 연락하여 웹 디자인 개념에 대해 자세히 알아보세요. 기꺼이 도와드리겠습니다. 더 많은 도움이나 정보가 필요하면 Facebook, Twitter 또는 LinkedIn을 통해 저희에게 연락하십시오.

사용자 중심 웹사이트 및 애플리케이션을 만드는 방법에 대한 추가 정보를 보려면 Propelrr 뉴스레터를 구독하여 즉시 액세스하십시오.