반응형
최근 갤럭시 테마샵에서 유료 폰트를 구입하였습니다. 유료 폰트 가격은 3,500⁓3,900원입니다. 생각보다 폰트만 바꿨을 뿐인데, 새로운 스마트폰을 사용하는 것 같은 체감이 들어 만족도가 높았습니다. 갤럭시 스마트폰은 삼성 인터넷에서 [설정]-[실험실]에서 자신이 사용하는 기기 폰트로 강제 변경 해 주는 기능이 있습니다. 모든 웹페이지를 구입한 “HU둥근굴림 미디움”으로 적용해 보았는데 가독성도 괜찮아 보이고 마음에 들었습니다. HU둥근굴림 폰트를 블로그 웹폰트로 적용하고 싶어 폰트 판매처인 HU헤움 사이트에 방문해서 가격을 알아보니 웹폰트로 이용하려면 상업용을 구입해야 하는데 가격이 월마다 지불하는 형태이거나 영구 구매하려면 헤움 사이트의 모든 폰트를 전부 구매해야 해서 200⁓700 만원 사이었습니..
갤럭시 스마트폰은 폰트나 폰 꾸미기 자체를 도와주는 ‘갤럭시 테마’라는 기능이 있습니다. 휴대폰을 거의 순정 상태 그대로 사용하고 있었는데요. 갤럭시 테마에서 다양한 폰트를 판매하고 있고, 자동으로 카카오톡 및 웹사이트 폰트까지 수정해 주는 기능도 있어서 손쉽게 변경해 보았습니다. 갤럭시 테마 이용 방법, 구입 과정 후기 (1) 갤럭시 폰에서 [설정] - [테마]를 선택합니다. ▼ (2) 갤럭시 테마로 접속이 됩니다. 이곳에서 휴대폰 전체 테마를 꾸밀 수도 있고, 글꼴을 변경하는 것도 가능합니다. 저는 [인기 글꼴]을 선택하여 글꼴을 검색해 보았습니다. 검색 아이콘을 클릭해서 무료 테마 및 키워드로 검색하는 것도 가능합니다. ▼ (3) 원하는 글꼴(폰트)을 선택합니다. 글꼴을 미리 체험해 보거나 샘플을 ..
이전에 쓴 글(링크)을 살펴보다보니, 변경한 블로그 스킨을 인용글 디자인이 기본으로 되어있는 것을 확인할 수 있었습니다. 티스토리 css를 편집해서 blockquote 인용 styel 1의 디자인을 다르게 변경해보려고 합니다. 티스토리 html, css 수정하기 ▼ 티스토리 blockquote 인용 styel 1 기본 디자인의 모습은 다음과 같습니다. 구글 크롬 기준으로 수정할 곳 위에 마우스 커서를 올려두고, 마우스 우클릭을 하고 [검사]를 클릭하면 html과 css를 볼 수 있는 개발자모드로 들어가게 됩니다. 개발자 모드에서 마우스를 올려두면 어떤 부분의 수정할 소스인지 확인할 수 있습니다. 인용글의 소스는 blockquote로 css에서 살펴보면 #tt-body-page blockquote[data..
그라데이션 css 만들기 블로그 스킨을 변경하면서 글 소제목에 밑줄을 그라데이션으로 변경해보았습니다. 그라데이션으로 표시할 때 다음과 같이 css를 적용합니다. 그라데이션 css 적용하기 linear-gradient { 그라데이션 방향, 색상1, 색상2 } 그라데이션 방향 to left (오른쪽에서 왼쪽) to right (왼쪽에서 오른쪽) to top (아래에서 위) to bottom (위에서 아래) ndeg (n도 방향으로) 예시 .gradient01 { background : linear-gradient(to left, #b8ceef 0%, #C0F5FB 100%);} .gradient02 { background : linear-gradient(to right, #b8ceef 0%, #C0F5FB ..
티스토리 블로그에 웹폰트 업로드하여 적용하는 방법 상업용으로도 사용 가능하고 웹에서도 사용 가능한 웹 폰트를 사용하는 방법은 크게 2가지로 나눌 수 있습니다. 하나는 이미 공개되고 공유되고 있는 웹 폰트 코드(html, css)를 활용하는 것이고 다른 하나는 직접 웹폰트를 만들어서 업로드하는 것입니다. 일전에 TTF WOFF 차이, 웹폰트 적용하는 방법 [링크]에서 한번 작성한 적이 있는데요. 웹폰트 티스토리 스킨에 업로드하여 적용하는 방법을 좀 더 자세하게 설명을 덧붙여봅니다. 목차 원하는 폰트 웹폰트로 변경하기 웹폰트 티스토리 업로드 하고 적용하는 방법 웹폰트 티스토리에 적용하기 먼저 웹폰트를 적용하기 위해서는 웹폰트가 인터넷에 업로드가 되어있어야 합니다. 무료로 이용가능한 폰트 중에서 웹폰트가 없는..
TTF WOFF 차이, 웹폰트 적용하는 방법 홈페이지나 블로그 등 웹 사이트에 적용하는 폰트를 웹폰트라고 합니다. TTF와 WOFF의 차이는 OTP와 TTF 폰트 포맷은 PC에 설치하여 사용하는 폰트이고 WOFF는 웹 상에서 사용하는 글꼴로 Web Open Font Format의 줄임말입니다. WOFF는 OTF와 TTF를 압축하여 웹에서 사용할 수 있게 만든 포맷이라고 할 수 있습니다. TTF (True Type Font) OTF (Open Type Font) WOFF (Web Open Font Format) True Type Font(TTF)은 1980년대 마이크로소프트와 Apple에서 개발한 글꼴 형식으로 True Type Open Type글꼴이라고 하며, 구형 브라우저 버전과 모바일 등에서도 사용하..