M0IM / FE-M

모임에 다 모여라
1 stars 0 forks source link

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

Open daindaind opened 1 month ago

daindaind commented 1 month ago

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

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

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 commented 1 month ago

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

dydals3440 commented 1 month ago

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

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