font 2 font-size의 변환, pixel을 em/rem으로 font-size 단위 변환 pixels → (R)EM 계산 방법 2(r)em = " (root) font size(px, pixel) * 2 " px body의 기본 font-size가 16px일 때 2(r)em은 16*2, 즉 32px ※ rem은 root의 기본 font-size에 대한 상대 수치 ※ em은 parent element의 font-size에 대한 상대 수치 2px = " 2 / (root/parent element) font-size " (r)em = 0.125(r)em 폰트 계산기 webSemantics | Web development resources, Font size conversion px-pt-em-rem-percent (websemantics.uk) nekoCalc, PX.. 2022. 3. 26. 티스토리 블로그의 웹 폰트 설정 (구글 PSI 속도 측정 결과) 블로그: 티스토리 스킨: 북클럽 ※ 스킨의 종류가 다를 경우 파일의 종류와 구조는 다르지만 설정만 적용 가능합니다. 속도 측정 도구: 구글 PSI (PageSpeed Insights) 편집 대상 파일: "style.css", "skin.html" (CSS와 HTML 파일) 블로그 시작하면서 간간이 속도 측정하면서 설정을 변경하고, 테스트하고 반복하였습니다. 폰트 설정에 관계된 페이지 속도의 등락이 거의 이상 증상으로 받아들일 정도로 괴이한 현상을 보여서 이것을 파악하는 데 대부분의 시간을 보냈습니다. 티스토리 블로거들의 전문적인 글과 구글 페이지 로딩 측정 사이트의 도움말 등을 하나씩 읽어보고 설정에 적용하여 테스트하였습니다. 오늘 변경한 설정이 속도도 안정적이면서 높게 나와서 해결이 된 느낌입니다. 전.. 2021. 4. 15.
