---
type: bookmarks
tags: ['css', 'layout shift', 'bold']
status: release
ctime: 2022-04-09
mtime: 2024-03-22
---

인라인 요소에 `bold` 스타일이 적용될 경우 레이아웃 시프팅 현상이 발생하기 때문에 해당 이슈를 해결하는 방법들.

- [html - Inline elements shifting when made bold on hover - Stack Overflow](https://stackoverflow.com/a/20249560)[^107-1]
- [Bold on Hover... Without the Layout Shift | CSS-Tricks](https://css-tricks.com/bold-on-hover-without-the-layout-shift/)[^107-2]

---

[^107-1]: `text-shadow`로 우회하는 방법이 주 해결방법으로 올라왔다.
[^107-2]: `content` 속성과, `grid` 레이아웃을 이용한 방법.