전체 글

리디바탕은 리디주식회사에서 제공하는 폰트로 전자책 전용 서체입니다. 저는 리디, 예스 24, 알라딘, 교보 4군데 서점에서 전재책을 구매하여 읽는데 모든 전자책 앱 폰트를 리디바탕으로 해두었어요. 눈이 편안하고 가독성이 매우 뛰어나서 리디바탕만 한 게 없더라고요. (물론 가끔 다른 폰트로 환기를 시키기도 합니다.) 글을 읽기 편한 서체라 블로그 본문에도 매우 적합하다고 볼 수 있는데요. 웹폰트로 사용할 수 있도록 woff파일과 woff2 파일로 변환을 해 보았습니다. 용량을 줄이기 위해서 KS X 1001 (자주 쓰는 한글 2350자)와 숫자, 영문, 제가 자주 쓰는 특수문자를 포함하여 총 2400자 정로 줄여 경량 폰트로 만들었습니다. 외계어 등을 특별한 경우가 아니라면 오류가 나는 글자는 거의 없을 ..

오랜만에 블로그에 글을 쓰네요! 최근에 워드프레스 홈페이지를 꾸미고 있는데 시스템 폰트가 맘에 들지 않아서 가독성이 좋은 웹폰트를 찾아다니다 나눔스퀘어네오 폰트에 정착했습니다.폰트의 빠른 로딩을 위해서 로컬에 폰트를 설치해서 사용하는데 한글 폰트는 워낙 사이즈가 커서 서브셋을 만들어 보았습니다. 혹시 필요하신 분이 있으실지 모르니 올려둘게요!. 아래 해당 폰트의 저작권 내용도 참고해 주세요! 나눔스퀘어네오 저작권나눔글꼴의 지적 재산권은 네이버와 네이버문화재단에 있습니다.개인 및 기업을 포함한 모든 사용자에게 무료 제공되며 자유롭게 수정, 재배포할 수 있습니다.단, 폰트만 유료 판매는 금지하고 있고 라이센스 전문과 나눔글꼴 라이센스 전문을 명시하고 다른 소프트웨어에 포함하여 배포하거나 판매하는 것은 가능합..

티스토리 서식 공유 1탄 대각선 패턴과 블록에 그림자 효과를 넣은 티스토리 서식입니다. 텍스트 박스로 이용하거나 제목을 꾸밀 때 사용하세요! 수정 방법과 파일을 첨부하였습니다. 서식 사용법은 이전 글을 참고해 주세요. 1. 대각선 패턴 서식 수정 방법 색상, 여백 등을 자신의 스킨에 맞게 조정이 필요할 수 있습니다. ★ 대각선 패턴 서식입니다. 최대 너비 : max-width 값을 조정합니다. 예) max-width: 50%; 안쪽 여백 : padding 값을 조정합니다. 그림자 없애기 : box-shadow: 5px 5px 0 rgba(0,0,0,.09);를 삭제합니다. 패터 색상 변경 : rbga 색상 값을 변경합니다. rbga Color Picker 테두리 스타일 : border 값을 조정합니다. ..

구글 블로그스팟을 검색하다 들어간 어떤 블로그의 페이지 로딩 속도가 무척 빠르더군요. 인간이 체감할 정도 정말 빨랐습니다. 글이 하나도 없는 페이지도 아니고 애드센스까지 연동된 페이지가 클릭하자마자 열려서 사이트 속도를 체크해 보았는데 Google PageSpeed Insights에서 모바일 점수가 90점이 넘더라고요. 모바일에서 초록불 켜지는 건 처음 본듯합니다. 그래서 티스토리가 잠깐 망가진 사이에 구글 블로거 계정을 만들어보았습니다. 기본 설정을 하고 에디터를 사용해 본 후의 개인적인 소감입니다. ★ 구글 블로그스팟 장점 1. 정말 속도가 빠르다 거의 기본 테마 모두가 모바일에서 사이트 속도 80점 이상~93점까지 나옵니다. 구글 검색 결과 노출 순위에 최우선 요소는 아니지만 코어웹바이탈은 검색 결..

하필이면 카카오 대란 직전에 블로그를 만들고 네이버 검색등록을 해서 수집이 정상적으로 이루어지지 않았습니다. 모바일 페이지로 리디렉션 되는 문제는 19일에 정상화되었지만 네이버 서치어드바이저 - 리포트 - 사이트 최적화를 해보니 HTML구조 항목에 빨간불이 켜져 있었고, 색인은 블로그 주소를 제외하면 단 한 개도 수집되지 않는 상황이었습니다. 각 게시글마다 수집 요청을 했지만 수집 보류 처리결과 메시지가 계속 뜨더라고요. 😭 이를 해결하기 위해서 몇 가지 조치를 취해봤습니다. 1. rss, sitemap 삭제 후 재등록 이것을 하고 하루를 기다려봤습니다. 하지만 여전히 HTML구조 문제가 해결되지 않았고 site:eedolmeng.tistory.com으로 네이버 검색창에 검색해봤지만 블로그 메인 주소 외..