Back

If your email is not recognized and you believe it should be, please contact us.

  • You must be logged in to reply to this topic.Login

InDesign epub Unicode box characters sized differently

Return to Member Forum

  • Author
    Posts
    • May 15, 2024 at 4:01 am #14403421
      Margaret Hunter
      Participant

      I’m having a strange issue with inconsistent sizing of the Unicode characters for an empty and a ticked ballot box (in separate paragraphs like a list). It happens when viewed in Kindle Previewer but not another ebook reader. The boxes are styled the same in InDesign and I have tried various things with CSS or putting them in a table to try to make them the same size in the viewer, but it seems like the empty one always gets collapsed smaller (or maybe the one with the tick is growing larger!). Does anyone know why it’s doing this please and how I can fix it?

    • May 15, 2024 at 4:17 am #14403422
      Steve Davis
      Participant

      Can you screenshot and share:
      1) InDesign source
      2) Export settings
      3) what you see in KDP

    • May 15, 2024 at 4:26 am #14403423
      Margaret Hunter
      Participant

      Thanks, Steve. How do I post a screenshot here please?

    • May 15, 2024 at 4:33 am #14403426
      Margaret Hunter
      Participant

      Okay, see if this works :-)
      https://www.dropbox.com/scl/fi/8mafeozdird3rixhtpvpc/differently-sized-boxes.png?rlkey=0grsmqbdru5zjj7qk2rv8cziw&st=fztyekph&dl=0

    • May 15, 2024 at 4:38 am #14403429
      Steve Davis
      Participant

      Which characters/typeface are you using for these?

    • May 15, 2024 at 4:41 am #14403430
      Margaret Hunter
      Participant

      I should have said the characters I am using are Arial Unicode MS (but same happens with other fonts):
      2610 ballot box
      2611 ballot box with check

    • May 15, 2024 at 4:43 am #14403431
      Steve Davis
      Participant

      Are you able to share the source doc of this snippet and the resultant epub?

      • May 15, 2024 at 4:48 am #14403432
        Margaret Hunter
        Participant

        No, can’t share it sorry. I guess I could create a new doc with some random text to replicate the problem.

      • May 15, 2024 at 4:50 am #14403433
        Steve Davis
        Participant

        Snippet: Just create a new doc and replicate the above 3 lines and the epub that you’ll export from it.

    • May 15, 2024 at 5:00 am #14403435
      Margaret Hunter
      Participant

      Thanks, I’ve put Indd, epub and kpf files here: https://www.dropbox.com/scl/fo/5czowmdah9ij0tmnppqki/ACTDyboAXh-rfv96fIF0xvU?rlkey=x4jgazb6hs9mh4nrtm19qop2d&st=v1ri2gpm&dl=0

    • May 15, 2024 at 5:21 am #14403436
      Steve Davis
      Participant

      OK, I took a look, the space on the first line is inside the SPAN and is Arial Unicode MS whereas the other two are in Minion Pro.
      I flipped it over and it previews fine for me in Kindle.

    • May 15, 2024 at 5:42 am #14403437
      Margaret Hunter
      Participant

      Thanks very much for looking, Steve. I think that was just a mistake by me in setting up the test file. It’s not like that in my original (the character style only applies to the box characters). However, I’ve fixed the test file and tried again and I’m still getting the different sized boxes in Kindle Previewer. So I’m flummoxed :-)

      • May 15, 2024 at 5:50 am #14403438
        Steve Davis
        Participant

        My preview comes up just fine in Kindle Previewer (when i move the space), the version you sent replicates what your problem is.

      • May 15, 2024 at 5:58 am #14403439
        Steve Davis
        Participant

        Maybe fully declare your boxes!
        <p class=”Main-text_checklist”><span class=”checkbox”>☐</span> Basic Space Clearing</p>
        <p class=”Main-text_checklist”><span class=”checkbox”>☑</span> Essential Space Clearing</p>
        <p class=”Main-text_checklist-last”><span class=”checkbox”>☑</span> Full Space Clearing</p>

    • May 15, 2024 at 6:01 am #14403440
      Margaret Hunter
      Participant

      It’s still displaying wrongly in Previewer for me though… Here’s the code. The spans look correct?

      <div id=”_idContainer000″ class=”Basic-Text-Frame”>
      <p class=”Main-text_checklist”><span class=”checkbox”>?</span> Basic Space Clearing</p>
      <p class=”Main-text_checklist”><span class=”checkbox”>?</span> Essential Space Clearing</p>
      <p class=”Main-text_checklist-last”><span class=”checkbox”>?</span> Full Space Clearing</p>
      </div>

      ETA Box characters lost in above, but they’re in the real code

      However, I’ve now tried in the Kindle for PC app and it looks fine there, so I’ve no idea what’s going on. I updated my Kindle Previewer to the latest version, so it’s not that. I’ll try clearing everything and starting again.

    • May 15, 2024 at 6:11 am #14403442
      Steve Davis
      Participant

      ooh, it rendered them here:
      put:
      & # x 2 6 1 0 for unchecked box (remove spaces)
      and
      & # x 2 6 1 1 for checked boxes (remove spaces)

  • Author
    Posts
Viewing 11 reply threads
  • The forum ‘General InDesign Topics (CLOSED)’ is closed to new topics and replies.
Forum Ads