12-29-2012, 05:57 AM | #1 |
Junior Member
Posts: 3
Karma: 10
Join Date: Dec 2012
Device: none
|
fonts size not adapting to screens
hi everyone! i've started creating ebook for a website (free downloads) using Sigil. they seem working fine but i've just discovered that fonts do not change size according to screen dimension (using smartphone, for instance), which basically make the epub working just like a pdf. i've read the user's manual but not all threads in this forum. can anyone help? thanks and happy new year!
|
12-29-2012, 06:33 AM | #2 |
Guru
Posts: 718
Karma: 1085610
Join Date: Mar 2009
Location: Bristol, England
Device: PRS-T1, 1825PT, Galaxy Tab, One X, TF700T, Aura HD, Nexus 7
|
Hi and welcome to Mobileread.
Sounds like your fonts are using a fixed size, e.g. measured in pixels or actual lengths. Look at your code and see if you have any entires for "font-size" either in you CSS file (if you used one) or in the actual tag in the html/xhtml files. If you do then the units used may be the problem. Fixed sized units like "px", "pt", "cm" or "mm" will cause the text to be the same size, regardless of the device. Variable sized units like "em" or "%" will scale with the screen dimensions and zoom levels. Personally, I don't specify any font size for the base size, and only add it for elements I want to be different, like a title. If you can't see anything in your code, post a sample up here and we can look at it. |
Advert | |
|
12-29-2012, 02:19 PM | #3 |
Junior Member
Posts: 3
Karma: 10
Join Date: Dec 2012
Device: none
|
thanks a lot, ghostyjack! that was precisely the problem. now all works fine!
another easy question for you, if you don't mind. photos/images (size) can adapt to screens or not? and if yes, how? thank you very much again!!! |
12-30-2012, 06:55 AM | #4 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
You can use percentages for image sizes. However scaling can give ugly results.
|
12-30-2012, 08:44 AM | #5 | |
Guru
Posts: 878
Karma: 2457540
Join Date: Nov 2011
Device: none
|
Quote:
|
|
Advert | |
|
12-30-2012, 10:45 AM | #6 |
Well trained by Cats
Posts: 29,768
Karma: 54401244
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
For scaled pictures: start with something close to the expected size. Blowing up 5 or more times will look like that happened. Start way Too big, and your device will choke (or bog).
Use a SVG wrapper if you can, so you can maintain aspect ratio. (IMHO stretch-o-vision is uglier than blank bars on the edges) |
12-31-2012, 04:34 AM | #7 |
Junior Member
Posts: 3
Karma: 10
Join Date: Dec 2012
Device: none
|
Thank you everyone!!!
|
01-01-2013, 09:15 AM | #8 |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
|
01-01-2013, 09:52 AM | #9 | |
Well trained by Cats
Posts: 29,768
Karma: 54401244
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
You pour carefully and it can look great. |
|
01-06-2013, 03:50 AM | #10 |
Bookmaker & Cat Slave
Posts: 11,460
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
|
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Easy to read fonts for LCD/OLED screens | JxK | Android Devices | 1 | 01-29-2012 03:05 PM |
Fonts Changing Size Upon Conversion to EPUB | pattilee | Conversion | 1 | 01-26-2012 06:03 PM |
Touch No good font size for a book (fonts aren't scalable enough) | jerrry94087 | Barnes & Noble NOOK | 6 | 06-12-2011 11:30 AM |
Changing text size and fonts with PRS 505 | levi_john | Sony Reader | 1 | 01-20-2009 03:25 AM |