Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MM-51] Bug: native wind에서 폰트 적용이 안되는 문제 #26

Open
daindaind opened this issue Jul 30, 2024 · 2 comments
Open

[MM-51] Bug: native wind에서 폰트 적용이 안되는 문제 #26

daindaind opened this issue Jul 30, 2024 · 2 comments
Assignees
Labels
🐞 bug 예상치 못한 문제 또는 의도하지 않은 동작

Comments

@daindaind
Copy link
Collaborator

daindaind commented Jul 30, 2024

🐞 어떤 버그가 발생했나요?

어떤 버그가 발생했는지 간략히 설명해주세요!

native wind에서 제공하는 커스텀 폰트 적용 방식을 사용했으나, 폰트 적용이 되지 않는 문제가 있습니다.

🍠 어떻게 했을 때 해당 버그가 발생했나요?

최대한 동작 방식을 자세히 설명해주세요!
예시) ~로 이동해서 ~를 했을 때, ~가 발생했다.

  1. IOS, android 각각의 운영체제에 맞는 폰트를 설정
  2. inline 스타일에서 해당 폰트가 잘 적용되는지 확인
  3. tailwind.config.js에서 적용하고자 하는 폰트를 지정

tailwind.config.js

module.exports = {
  theme: {
    extend: {
      fontFamily: {
        example: ["ExampleFontFamily"],
      },
    },
  },
};

💣 원래라면 어떻게 동작했어야 했나요?

버그가 일어나기 전에 본인이 기대했던 동작 결과를 설명해주세요!

className='font-fontName'

위와 같이 폰트를 지정하면 스타일시트에서 fontFamily: 'fontName'를 지정한 것과 같은 스타일링이 됩니다.

⛏️ 해당 버그를 해결하기 위한, 또는 이해를 돕기 위한 참고 자료를 첨부해주세요. (선택 사항)

참고 문서 (tailwind, native wind custom font)
https://www.nativewind.dev/tailwind/typography/font-family
https://tailwindcss.com/docs/font-family

@daindaind daindaind added the 🐞 bug 예상치 못한 문제 또는 의도하지 않은 동작 label Jul 30, 2024
@daindaind daindaind changed the title [Bug] native wind에서 폰트 적용이 안되는 문제 [MM-51] Bug: native wind에서 폰트 적용이 안되는 문제 Jul 30, 2024
@daindaind
Copy link
Collaborator Author

MM-51-feature/#51에서 작업 예정

@dydals3440
Copy link
Contributor

dydals3440 commented Aug 2, 2024

아직 해결되지 않은거 같습니다.
MM-47 회원가입 Flow 변경, 소셜(Google, Kakao, Apple, Naver)로그인, 자동 로그인 구현

금일 8/3 (토) 02:24 기준입니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug 예상치 못한 문제 또는 의도하지 않은 동작
Projects
None yet
Development

No branches or pull requests

2 participants