Yesterday, 11:13 PM | #1 |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
Emojis and supplemental fonts
I've been reading a downloaded fanfic on my kobo which includes emojis. With the default font, the emojis don't display at all. I've tried a few solutions with varying results, but am still looking for something better if anyone has found a good way to handle this.
What I've tried so far:
The questions I'm currently wondering about based on these experiments:
|
Yesterday, 11:42 PM | #2 |
Wizard
Posts: 1,333
Karma: 6700864
Join Date: Sep 2021
Location: Australia
Device: Kobo Libra 2
|
You don't set the emoji font "as the primary font for the book".
You set the emoji font where the emojis are used. Import the emoji font file into the ebook. In your CSS you would then add this... PHP Code:
PHP Code:
|
Advert | |
|
Today, 04:01 PM | #3 |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
I embedded NotoEmoji and NotoColorEmoji in the epub file, and tweaked the css based on what you shared. But when I send the book to my Kobo, it still just shows up with blank spaces where the emojis should be.
This is my code currently: CSS: Code:
@font-face { font-family: 'Noto Emoji'; font-weight: normal; font-style: normal; src: url('../Fonts/NotoEmoji-Regular.ttf'); } @font-face { font-family: 'Noto Emoji Color'; font-weight: normal; font-style: normal; src: url('../Fonts/NotoColorEmoji-Regular.ttf'); .emoji { font-family: "Noto Emoji"; } .emojicolor { font-family: "Noto Emoji Color"; } Code:
<p>Testing out some text here!</p> <p>The following is tagged for Noto Color Emoji: <span class="emojicolor">🙏😤😭✨🥺🥰</span></p> <p>The following is tagged for Noto Regular Emoji: <span class="emoji">🙏😤😭✨🥺🥰</span></p> To be honest this isn't a huge deal it's just bugging the heck out of me that I can't figure out how to make it work. |
Today, 04:27 PM | #4 |
Wizard
Posts: 1,381
Karma: 16297052
Join Date: Sep 2022
Device: Kobo Libra 2
|
Did you set the primary font as Publisher Default? If you set another font as the primary font, KEPUB will ignore all font face changes in the book and display everything with your selected primary font.
|
Today, 04:54 PM | #5 |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
Yeah, the main font face for the text on my Kobo is set to Publisher Default.
|
Advert | |
|
Today, 04:56 PM | #6 |
Bibliophagist
Posts: 39,809
Karma: 154147706
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Could you post the name of the fanfic or attach a copy. It's a lot easier when you can see the entirety of the ebook.
|
Today, 05:27 PM | #7 |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
I'm using this epub to test things out:
Emoji Test - Ima Pseudonym.epub It's an epub but I have the KoboUtilities plugin in Calibre, which auto-converts it to a kepub when it transfers over to my Kobo. |
Today, 05:36 PM | #8 | |
Wizard
Posts: 1,333
Karma: 6700864
Join Date: Sep 2021
Location: Australia
Device: Kobo Libra 2
|
Quote:
The two most critical are 1 Naked text in the section001.xhtml file, 2 CSS entries that have not been closed off Not critical, but don't use <br> for line spacing. Use something like <p> </p> Try fixing all the errors first. If not sure what or how to fix, let us know. But start off by running CheckBook and EPUBCheck for a list of errors. |
|
Today, 07:00 PM | #9 |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
Thank you!! I'm not a coder and didn't spot the errors, so it was very helpful to have them pointed out. I corrected the errors and checked everything again. New result: Noto Color Emojis still display as blank spaces, but with the revised tagging, Noto Emojis display correctly!
The revised file: Emoji Test - Ima Pseudonym.epub The code in Calibre: And how it appears on my Kobo: Happy to have this working for now. I will go through the main text and set it up the same way so it will display emojis where they occur. I'm left with the following questions:
I'll keep investigating, and if anyone else looks into it I'd be interested to hear what you come up with. Thanks for the help so far! |
Today, 07:21 PM | #10 | |
Junior Member
Posts: 7
Karma: 10
Join Date: Aug 2024
Device: Kobo Libra Colour
|
Afraid I spoke too soon.
The exact process that worked for the test document is failing in the regular document. I imported the NotoEmoji font file, but am getting the following error when I try and reference the font in the CSS: Quote:
|
|
Tags |
fonts, kobo |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Clara HD Supplemental fonts not working as expected | jcotton42 | Kobo Reader | 8 | 10-16-2023 03:55 AM |
Supplemental Files | JimS59 | Library Management | 2 | 05-05-2022 09:47 PM |
[Kobo] Unicode emoticons / emojis are not displayed | Iridium | Devices | 5 | 09-22-2021 11:38 PM |
Conversion Fail Due to Emojis? | JimmXinu | Conversion | 2 | 12-04-2019 01:02 PM |
kindle and emojis? | Trigun | Amazon Kindle | 21 | 03-15-2018 08:27 PM |