Skip to content

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

@daindaind

Description

@daindaind

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

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

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

Metadata

Metadata

Labels

🐞 bug예상치 못한 문제 또는 의도하지 않은 동작

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions