# font
폰트파일로 폰트를 적용할때 font-weight
figma를 보고 화면을 만드는 중... 분명 figma 그대로 폰트 속성 값들을 넣었음에도 불구하고 폰트가 미세하게 다른 것을 확인했다. Spoqa Han Sans Neo라는 폰트를 사용했는데, 내가 font를 잘못 다운받아서 넣었나 싶었다. 굵기(font-wei
[iOS]사용자의 폰트 사이즈 정보에 따라 UI 바꿔주기
📱 사용자의 폰트 사이즈 정보에 따라 UI 바꿔주기 웨더의 추천으로 어떤 블로그에서 접근성 설정을 하지 않는 것은 인종차별을 하는 것과 마찬가지다 라는 글을 읽었다. (아래 링크를 달아두었다.) 어떤 의미로 이런 제목을 다셨는지는 이해가 되었다. 실제로 아이폰에
CSS library _ fontello
딩벳폰트는 폰트 대신 어떤 문자에 해당하는 이미지로 이루어진 폰트를 의미합니다. fontello는 딩벳이나 아이콘을 폰트로 제공하는 여러 서비스를 모아둔 서비스입니다. 특히 SVG 파일을 업로드하면 폰트로 만들어주기도 합니다. fontello.com!youtubeTYy
CSS 서체
서체는 크게 두가지 방법으로 구분할 수 있습니다. 고정폭(monospaced)과 가변폭입니다. 아래는 두가지 방식의 차이를 보여주는 이미지 입니다. serif는 글꼴에서 사용하는 장식을 의미합니다. sans는 부정의 표현입니다. 즉 sans serif는 serif가 아
CSS font
!youtubei464e6k4rPEfont-family는 서체를 보호하는 속성입니다. 같은 방법으로. h1{ font-family: "Times New Roman", Times, serif;}위 코드의 의미는 h1 Times New Roman을 시작합니다. 사용자
Google Fonts처럼 다이나믹 서브셋 폰트 만들어 사용하기
한글은 조합형 문자로, 만들어낼 수 있는 문자의 수가 11172자나 됩니다. TTF 포맷의 경우, 로마자 폰트는 용량이 200KB가 안 되는 데에 비하여 한글 11172자를 모두 담은 폰트는 2MB가 넘습니다. 폰트 파일의 용량을 줄이기 위해서 서브셋 폰트를 이용할 수
TIL - declarations
📌 단위 (units) 절대 길이 단위 : cm, mm, px등 상대 길이 단위 : em, rem, vw, vh 등 백분률 : % 1. 절대 길이 단위 px 디바이스 화면에서 이미지를 표현하는 가장 작은 단위 요소의 넓이, 높이, 패딩, 마진, 보더 값, 폰트 사이즈
2.HTML - CSS
로그인페이지 .mytitle { background-color: green; width: 300px; height: 200px; color: white; text-align: center; background-
[Windows] WSL 2 폰트 깨짐
oh-my-zsh 의 theme 을 agnoster 로 바꾸게 되면 아래와 같이 일부 문자가 깨져서 나오게 된다: 이는 폰트가 해당 문자를 지원하지 않아서 발생하는 문제로 이러한 문자 세트를 지원하는 적절한 폰트를 설치해서 적용해야 한다. 대표적으로 많이 설치하는 폰