html, css

폰트 합자(ligature) 현상, font-size rem값 설정하기

manyYun 2024. 8. 19. 08:46

https://zinee-world.tistory.com/468

 

[CSS] 'fi' letter-spacing ligature(합자) 이슈

letter-spacing 을 쓰다가 이상한 글자를 발견했다. fi 가 떨어지지 않고 계속 붙어있는 것이다. Sketch에서도 이와 같은 이슈가 있었다는 걸 알았는데, CSS에서도 동일한 현상이 발견되었다. 근본적인

zinee-world.tistory.com

 

 

https://blog.jeongtae.com/rem-%EA%B3%A0%EC%B0%B0

:root {
  /* 루트 요소 폰트 사이즈, 상댓값 */
  /* 전체 레이아웃의 크기를 150%로 키우기 */
  font-size: 150%;
}
.box {
  /* 결과 → 16px × 150% × 2.5 = 60px */
  margin: 2.5rem;
  /* 결과 → 16px × 150% × 1.25 = 30px */
  font-size: 1.25rem;
}