Skip to content

fix(favicon): 로고 D를 캔버스 정중앙으로 정렬 - #177

Merged
devy1540 merged 2 commits into
mainfrom
feat/funny-hugle-82ca93
Jul 6, 2026
Merged

devy1540 merged 2 commits into
mainfrom
feat/funny-hugle-82ca93

Conversation

@devy1540

@devy1540 devy1540 commented Jul 6, 2026

Copy link
Copy Markdown
Owner

목적

브라우저 탭에 표시되는 파비콘 로고("D")가 캔버스 좌측 상단으로 치우쳐 있던 문제를 해결한다.

내용(의도 포함)

  • 기존 favicon.svg<text>x·text-anchor·dominant-baseline이 없어 x=0(왼쪽 끝)에서 시작하고 세로도 위로 치우쳐 렌더됐다.
  • text-anchor="middle" + x="50"로 가로 중앙, dominant-baseline="central" + y="50"로 세로 중앙 정렬을 적용.
  • font-family가 없어 렌더러에 따라 serif(QuickLook)/sans(브라우저)로 갈리던 문제를 해결하기 위해 sans 스택을 명시.
  • 16px 탭 크기에서 가독성을 위해 font-weight="700" 적용.

성공기준

  • headless Chrome 실측 렌더링에서 캔버스 중심 십자선이 "D"의 정중앙을 통과함을 확인.
  • 16px 탭 크기 렌더링에서 로고가 또렷하고 중앙에 위치함을 확인.

text-anchor와 dominant-baseline이 없어 좌측 상단으로 치우치던 파비콘 로고를
정중앙에 배치하고, 렌더러 간 일관성을 위해 font-family를 명시
@github-actions github-actions Bot added target: main PR targets the main branch area: seo SEO metadata, prerendering, or public site metadata labels Jul 6, 2026
@devy1540
devy1540 enabled auto-merge (squash) July 6, 2026 08:52
@devy1540
devy1540 merged commit e778ccd into main Jul 6, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: seo SEO metadata, prerendering, or public site metadata target: main PR targets the main branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant