codestates / codestates/LoGoYoGo-client
[BugFix] 로고 에디터 - Text: Font family 변경시 일부 텍스트 누락
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
### ISSUE
- Group: `client`
- Type: `bug`
- Detail: fix actions from client redux
### TODO
1. [x] 템플릿 불러오기 및 글자 입력 시 글꼴 미적용 문제(영문)
2. [ ] 템플릿 불러오기 및 글자 입력 시 글꼴 미적용 문제(한글)
* 1차 BugFix 관련 내용
> 이전에 적용한 방법: FontFamily 변경 --> 텍스트 내용 일시적으로 다른 값으로 변경 --> 원래 텍스트 내용으로 변경 --> 캔버스 랜더링
>
> Stackoverflow에서 찾은 위 방법을 시도했으나 여전히 문제가 발생합니다.
> 유사한 사례가 있어 참조하고 있으나 아직 해결하지 못했습니다.
* 2차 BugFix 관련 내용
> 특정 폰트가 적용되려면 DOM 요소 내부에서 사용이 되어야합니다. 특정 폰트의 적용이 지연되었던 이유는 캔버스 상 텍스트 박스에 글꼴을 적용하기 전에 Preload가 되지 않았기 때문입니다.
>
> 이를 해결하고자 typekit/WebFontLoader을 사용하여 프리로드 및 폰트를 적용하는 과정을 실시하였습니다.
>
> 영어 폰트의 문제는 해결되었으나, 한글(유니코드)는 일부 폰트가 미적용되는 문제를 발견했습니다.
> 이는 한글 글꼴의 유니코드 일부가 누락되었기 때문이며, 임시방편으로 해당 유니코드를 DOM Element에 적용하고 화면상에 숨기는 방법으로 해결이 가능합니다. 다만, 한글 유니코드의 총 개수는 약 11,000개로 이 방법으로 해결하기에는 무리가 있습니다. 현재 다른 대안을 찾아보고 있습니다.
>
> 현재까지 한글 폰트는 일부 폰트를 제외하고 프리로드가 되며, 특정 글자들은 템플릿 불러오기 또는 글꼴 입력 시 지연 또는 미적용되는 사례가 발견되고 있습니다.
### Estimated time
> Pick one
### `3h`
### Labels
- Estimated time: `E: 3h`
- Group : `client`
- Sprint: `Sprint3`
- Urgency: `High`
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.