반응형

웹디자인 2

폰트 파일 하나로 굵기 조절? 가변 폰트의 모든 것 (feat. 구글 폰트)

폰트 파일, 왜 하나로 합쳐야 할까?블로그를 운영하거나 웹사이트를 만들 때 가장 신경 쓰이는 것 중 하나가 바로 '로딩 속도'입니다. 디자인 욕심에 Thin, Regular, Bold, Black 등 굵기별로 폰트 파일을 4~5개씩 불러오다 보면 사이트가 눈에 띄게 느려지는 경험, 다들 있으시죠?기존의 방식은 다양한 스타일을 위해 여러 개의 무거운 파일을 다운로드해야 했습니다. 하지만 이제 단 하나의 파일로 모든 굵기와 스타일을 표현할 수 있는 기술이 있습니다. 바로 가변 폰트(Variable Font)입니다. 오늘은 이 혁신적인 기술을 여러분의 티스토리나 웹사이트에 적용하는 방법을 아주 쉽게 알려드리겠습니다.가변 폰트(Variable Font)란 무엇인가?가변 폰트(OpenType Variable Fo..

Web/CSS 2025.12.15

웹디자인에 수학적 요소를 도입하는 방법 (Applying Mathematics To Web Design)

2010년 2월 9일 SMASHING MAGAZINE에 실린 Applying Mathematics To Web Design에 관한 자료를 FIREJUNE님께서 번역해두신 자료가 있어 발췌해 왔습니다. 황금 비율, 피보나치 수열, 오원소, 사인 웨이브 등 수학적 요소를 웹디자인에 도입하는 방법에 대하여 다루고 있습니다. "수학은 아름답습니다." 수학을 싫어하는 사람은 이 말이 미친소리로 들릴지도 모르겠습니다만 자연과 우주 그리고 작은 조개에서 부터 은하에 이르기까지 모든 만물이 수학적인 요소를 가지고 있다는 것은 사실입니다. 수학은 먼 옛날부터 오늘날까지 예술과 건축 디자인등 여러분야게 걸쳐 이롭게 사용되어 왔습니다. 그리고 수학은 분명히 창의적인 디자인을 생산하는데 밑거름이 될 수 있습니다. 하지만 웹 ..

Web/Design 2011.06.15
728x90