Skip to main content
claudiakay
claudiakay
Participant
December 6, 2016
Question

InDesign CC 2014 - fontsizes pt vs. px

  • December 6, 2016
  • 2 replies
  • 9562 views

Hi there,

I've got a problem with my InDesign CC 2014. I'm designing something for web and tried to give the measurements to the web developer.

That was when I noticed that something is very wrong with my font sizes. If I take measures, 8pt font is 6px big, 12pt = 9px, 16pt = 12px, 19pt= 14 px, and so on.

That's just not right... I checked all the settings, but they are okay.

Does anyone know everything about this topic?

Thank you very much!

    This topic has been closed for replies.

    2 replies

    philippanmei
    philippanmei
    Participating Frequently
    December 7, 2016

    hello guys just cool down...

    Pt and px has a differences....

    6pt = 8px

    12pt = 16px

    30pt = 40px

    36 = 48px and so on....

    If you want 16px in your web than using it 12pt in indesign or if you want 26px for web than use it 20pt in Indesign..

    NB ( PT to PX Formula: size in pixels * (points per inch / pixels per inch) - Example: 16px * (72pt / 96px) = 12pt

    And In short

    px = pt*4/3

    Example : 8px = 6pt * 4/3

    72px = 96pt * 4/3

    thanks....

      rob day
      Community Expert
      rob dayCommunity Expert
      Community Expert
      December 7, 2016

      Pt and px has a differences....

      But the question really isn't about the difference between a point and a pixel within HTML/CSS code, but rather the difference between an InDesign point and an HTML/CSS point

      You can see from the code in this capture I've set some DW text as 72 points and 72 pixels and, as you noted, the text displays at different sizes. But that is not the case over in InDesign. In InDesign 1point = 1 pixel, so if I enter 72px in the Font Size field I will get 72point text. If I wanted to match my InDesign 72 point text size in CSS code I could spec it as 72px and get a match as shown below, but if I wanted to get an equivalent size using points in the code I would have to translate—(ID point size) x (72/96).

      ID zoom magnification set to 1:1.

      philippanmei
      philippanmei
      Participating Frequently
      December 8, 2016

      And the question is not about the comparing the DW and the Indesign too.

      Bringing DW is not a good answer in accordance to the question asked. I am explaining the method when we mistakenly done a work for web in Indesign. If we have do a work in Indesign for web for the fonts size the given formula is the way to got it in a correct form. If we are creating in DW what is matter for comparing with the Indesign.

      Steve Werner
      Community Expert
      Steve WernerCommunity Expert
      Community Expert
      December 6, 2016

      It's a BAD IDEA using InDesign to design for the web. Use Muse (also available with a Creative Cloud subscription) instead. Or Dreamweaver if you're a coder.

      InDesign was never created to do web design, sorry.

        claudiakay
        claudiakayAuthor
        Participant
        December 6, 2016

        I had no choice. The agency who created the screens in the first place, did that using InDesign. I have to use their screens.

        I'm not a coder, I'm an AD. And I've never had that kind of problem before...

        Steve Werner
        Community Expert
        Steve WernerCommunity Expert
        Community Expert
        December 6, 2016

        It's like trying to using a hammer as a screw driver.

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices