search

aanckar / react-pdf-tailwind

Use Tailwind CSS to style PDFs created with react-pdf
315 stars 11 forks source link

Font Weight Has No Effect #22

Closed marcusFormworks closed 2 months ago

marcusFormworks commented 2 months ago

I am trying to apply font weight through the following way:

<View>
            <Text>normal</Text>
            <Text style={tw('text-2xl font-bold')}>text-2xl font-bold</Text>
            <Text style={tw('text-xl font-semibold')}>
                text-xl font-semibold
            </Text>
            <Text style={tw('text-lg font-medium')}>text-lg font-medium</Text>
            <Text style={tw('text-base font-normal')}>
                text-base font-normal
            </Text>
            <Text style={tw('text-sm font-light')}>text-sm font-light</Text>
            <Text style={tw('text-xs font-extralight')}>
                text-xs font-extralight
            </Text>
            <Text style={tw('font-bold')}>font-bold</Text>
            <Text style={tw('font-semibold')}>font-semibold</Text>
            <Text style={tw('font-medium')}>font-medium</Text>
            <Text style={tw('font-normal')}>font-normal</Text>
            <Text style={tw('font-light')}>font-light</Text>
            <Text style={tw('font-extralight')}>font-extralight</Text>
        </View>

although it only outputs the following:

Screenshot 2024-06-11 at 14 56 59

Is there a fix in the works at all? Thanks!

marcusFormworks commented 2 months ago

my apologies, I hadn't read this doc on fonts!