View Single Post
Old 12-14-2014, 11:22 AM   #1
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,801
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Thumbs up Responsive (or Viewport) sized typography in Sigil !!

Just now I realized that Sigil supports responsive sized typography. That is a very good feature for things like tables, captions, etc. For example with:

Code:
h1 {
    font-size: 4vw;
}
when the viewport width increases, so does the font-size (and without using media queries ). It's like the normal text becomes svg text.

However I found that -in Sigil- the font-size doesn't change dynamically. So if we resize our viewport, the font-size will retain its initial size and will only be recalculated when -for example- the Preview is changed of place (maybe for that reason I didn't discover this Sigil feature before). Of course, also we need ebook readers that support all these css3 values To learn a bit about this "new" thing, I recomend this page:

http://css-tricks.com/viewport-sized-typography/

And in this another page we can watch the feature in action:

http://css-tricks.com/examples/ViewportTypography/

Try changing the browser window size and after that, try changing the font size; you'll be surprised

Regards

Last edited by RbnJrg; 12-14-2014 at 11:26 AM.
RbnJrg is offline   Reply With Quote