Re: [css-d] Font-sizes & EM

Your solution is to go from em, then to vw, back to em all depending on the view port. Max size desired would be when the viewport width is extremely large ? Tom Livingston Sunday, March 19, 2017 8:13 PMvia Postbox

Re: [css-d] Font-sizes & EM

No, not correct no - doubling or tripling, or whatever. When you set, for example, html * { font-size: 2vw' }, you are setting base font size for the page(s), 1vw is 1% of the screen's viewport's width. So, if, for example, your viewport width is 1704 pixels, then 1vw will equal 17px, and 2vw will

Re: [css-d] Font-sizes & EM

1vw = 1% of the viewport width. But, in the case of a desktop browser, the width is variable - hence the beauty of the vw/vh units. Provided the browser supports these units. See http://caniuse.com/#feat=viewport-units It's not that easy though as fonts using vw can quickly become too tiny or ext

Re: [css-d] Font-sizes & EM

I see that as if the viewport is 800px wide, then 800px is 100% of the width. On Sun, Mar 19, 2017 at 7:56 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > Therefore, if the viewport width is 800px = 8% of viewport width; if I'm > doing the math right ? > > Tom Livingston > Sunday,

Re: [css-d] Font-sizes & EM

Therefore, if the viewport width is 800px = 8% of viewport width; if I'm doing the math right ? Tom Livingston Sunday, March 19, 2017 7:52 PMvia Postbox No. Viewport units are based

Re: [css-d] Font-sizes & EM

No. Viewport units are based on the viewport. 1vw = 1% of viewport width, 1vh = 1% viewport height. On Sun, Mar 19, 2017 at 7:45 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > What is 1vw, a pixel ? > > > > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518

Re: [css-d] Font-sizes & EM

What is 1vw, a pixel ? Tom Livingston Sunday, March 19, 2017 7:39 PMvia Postbox No. Viewport units are based on the viewport. 1vw = 1% of viewport width, 1vh = 1% viewport height.

Re: [css-d] Font-sizes & EM

No. Viewport units are based on the viewport. 1vw = 1% of viewport width, 1vh = 1% viewport height. On Sun, Mar 19, 2017 at 6:30 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > If understood correctly based on the article Rainer posted. > > 1em = 2vw, 4em = 8vw etc ? > > Rainer Be

Re: [css-d] Font-sizes & EM

If understood correctly based on the article Rainer posted. 1em = 2vw, 4em = 8vw etc ? Rainer Berthold Sunday, March 19, 2017 2:39 PMvia Postbox Sorry, can’t follow. Tom’s po

Re: [css-d] Font-sizes & EM

Sorry, can’t follow. Tom’s post may help. Best, Rainer Am 19.03.2017 um 16:03 schrieb Crest Christopher : Based on what I read in the article; EM are always double in VW ? > Rainer Berthold > Sunday, March 19, 2017 2:12 AMvia Postbox >

Re: [css-d] Font-sizes & EM

Based on what I read in the article; EM are always double in VW ? Rainer Berthold Sunday, March 19, 2017 2:12 AMvia Postbox Maybe this is an interesting read: https://www.sma

Re: [css-d] Font-sizes & EM

EMs are relative units. They are relative to a users preference setting, typically in px, but they scale based on what size the user has set. Some one with poor eye sight might set their browser default at 30px. By using ems your site will automatically honor the users wish to have a large font siz

Re: [css-d] Font-sizes & EM

Maybe this is an interesting read: https://www.smashingmagazine.com/2016/05/fluid-typography/ Best, Rainer Am 19.03.2017 um 04:45 schrieb Crest Christopher : I'm use to using fixed heights for fonts, pixel being the main one. If I want to have a font adjust based on screen size, percentages is

[css-d] Font-sizes & EM

I'm use to using fixed heights for fonts, pixel being the main one. If I want to have a font adjust based on screen size, percentages is the best route to follow, correct ? Why use EM if it's equal to pixels anyhow ? __ css-d

Re: [css-d] Font-Sizes - Golden Rule ?

Den 10.04.2014 02:33, skrev Crest Christopher: I thought Opera went to webkit, or is Blink just another term for webkit ? WebKit is a branch of the KDE open source project, and so is Blink. Google and Opera decided not all that long ago to split from WebKit, and called their engine-version Bl

Re: [css-d] Font-Sizes - Golden Rule ?

On 2014-04-09 20:33 (GMT-0400) Crest Christopher composed: I thought Opera went to webkit, or is Blink just another term for webkit ? WebKit is a fork of KHTML. Blink is a fork of WebKit. http://en.wikipedia.org/wiki/Fork_%28software_development%29 -- "The wise are known for their understandi

Re: [css-d] Font-Sizes - Golden Rule ?

I thought Opera went to webkit, or is Blink just another term for webkit ? Georg wrote: Den 09.04.2014 17:00, skrev GJim: I have found an issue with Opera (v12.16 is installed) when using 'small' vs %. Note that Opera v/12.16 uses the old Presto engine, for which all development is frosen/

Re: [css-d] Font-Sizes - Golden Rule ?

Howdy Philip, ~~~ Wednesday, April 9, 2014, 1:37:54 PM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ > I /think/ I would check whether my site statistics had been > updated this millenium, if

Re: [css-d] Font-Sizes - Golden Rule ?

Opps, forgot to add this: Yes, if you use REM the value will stay consistent with the value of font-size set on root element. If you use a percentage for the root element's font-size your other font-sizes will vary depending on the browser's default font size setting...Some have no problem with th

Re: [css-d] Font-Sizes - Golden Rule ?

Not not correct - The value of a REM is taken from the font-size of the root element...thus the HTML element, not the BODY element. > On April 9, 2014 at 12:05 PM Shari wrote: > > > If you use rem's it stays consistent from the body tag... correct? > > Shari > ___

Re: [css-d] Font-Sizes - Golden Rule ?

Howdy Georg, ~~~ Wednesday, April 9, 2014, 1:09:22 PM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ > Note that Opera v/12.16 uses the old Presto engine, for which all > development is frosen/

Re: [css-d] Font-Sizes - Golden Rule ?

GJim wrote: according to site stats, I have visitors still using IE3! I /think/ I would check whether my site statistics had been updated this millenium, if I were you ... Philip Taylor __ css-discuss [css-d@lists.css-discu

Re: [css-d] Font-Sizes - Golden Rule ?

Den 09.04.2014 17:00, skrev GJim: I have found an issue with Opera (v12.16 is installed) when using 'small' vs %. Note that Opera v/12.16 uses the old Presto engine, for which all development is frosen/ended. A good browser, but no good designing for/in it anymore. Download Opera 20+ that

Re: [css-d] Font-Sizes - Golden Rule ?

Sent from my iPhone > On Apr 9, 2014, at 12:05 PM, Shari wrote: > > If you use rem's it stays consistent from the body tag... correct? Correct. It is relative to the root. > > Shari > __ > css-discuss [css-d@lists.css-dis

Re: [css-d] Font-Sizes - Golden Rule ?

If you use rem's it stays consistent from the body tag... correct? Shari __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policie

Re: [css-d] Font-Sizes - Golden Rule ?

>How did you calculate 100% = 1em ? That's the definition in the spec. "On the 'font-size' property, [ems] refer to the computed font size of the parent element." So 1em equals the font-size of the parent element. And "[percentages] refer to inherited font-size." The inherited font size of an

Re: [css-d] Font-Sizes - Golden Rule ?

On Wed, Apr 9, 2014 at 11:33 AM, Tim Climis wrote: >>> How did you calculate 100% = 1em ? >>> Mostly everyone used, including myself pixels for box sizing, I hope you > were referring to creating a DIV as in box sizing ? What do you mean by > "percentages are based on browser size" ? >>> (alt

Re: [css-d] Font-Sizes - Golden Rule ?

>> How did you calculate 100% = 1em ? >> Mostly everyone used, including myself pixels for box sizing, I hope you were referring to creating a DIV as in box sizing ? What do you mean by "percentages are based on browser size" ? >> >>> (although, it would be kind of fun if 100% resulted in letters

Re: [css-d] Font-Sizes - Golden Rule ?

Howdy Crest, ~~~ Tuesday, April 8, 2014, 9:24:14 PM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ > Em are the best solution for font-sizes, from everything that I know. > Pixels I don't know

Re: [css-d] Font-Sizes - Golden Rule ?

Le 9 avr. 2014 à 15:48, Karl DeSaulniers a écrit : > Looks like there are some exceptions. Have a look see... > There ARE a few that took on the browser width, but the majority stuck with > their parent. > > http://designdrumm.com/percentage_test.html 1. An element that is position: absolute

Re: [css-d] Font-Sizes - Golden Rule ?

apr 9 2014 08:48 Karl DeSaulniers : > Looks like there are some exceptions. Have a look see... > There ARE a few that took on the browser width, but the majority stuck with > their parent. > > http://designdrumm.com/percentage_test.html Which are the exceptions you mean? _

Re: [css-d] Font-Sizes - Golden Rule ?

On Apr 9, 2014, at 12:07 AM, Karl DeSaulniers wrote: > > On Apr 9, 2014, at 12:04 AM, Karl DeSaulniers wrote: > >> On Apr 9, 2014, at 12:01 AM, Crest Christopher >> wrote: >> > I think percentages are based on their parents size and not the browser. >>> What do you mean ? >>> >>> Karl

Re: [css-d] Font-Sizes - Golden Rule ?

On Apr 9, 2014, at 12:04 AM, Karl DeSaulniers wrote: > On Apr 9, 2014, at 12:01 AM, Crest Christopher > wrote: > I think percentages are based on their parents size and not the browser. >> What do you mean ? >> >> Karl DeSaulniers wrote: >>> >>> >>> I think percentages are based on t

Re: [css-d] Font-Sizes - Golden Rule ?

On Apr 9, 2014, at 12:01 AM, Crest Christopher wrote: > >> I think percentages are based on their parents size and not the browser. > What do you mean ? > > Karl DeSaulniers wrote: >> >> >> I think percentages are based on their parents size and not the browser. >> Correct me if I am wrong

Re: [css-d] Font-Sizes - Golden Rule ?

>> I think percentages are based on their parents size and not the browser. What do you mean ? Karl DeSaulniers wrote: On Apr 8, 2014, at 11:02 PM, Crest Christopher wrote: Tim Climis wrote: On Tuesday, April 08, 2014 10:24:14 PM Crest Christopher wrote: Em are the best solution for fo

Re: [css-d] Font-Sizes - Golden Rule ?

On Apr 8, 2014, at 11:02 PM, Crest Christopher wrote: > > > Tim Climis wrote: >> >> On Tuesday, April 08, 2014 10:24:14 PM Crest Christopher wrote: >> >> > Em are the best solution for font-sizes, from everything that I know. >> >> > Pixels I don't know if pixels should be used at all and p

Re: [css-d] Font-Sizes - Golden Rule ?

Tim Climis wrote: On Tuesday, April 08, 2014 10:24:14 PM Crest Christopher wrote: > Em are the best solution for font-sizes, from everything that I know. > Pixels I don't know if pixels should be used at all and percentages from > what I know are relative to the browser size, is this correc

Re: [css-d] Font-Sizes - Golden Rule ?

On Tuesday, April 08, 2014 10:24:14 PM Crest Christopher wrote: > Em are the best solution for font-sizes, from everything that I know. > Pixels I don't know if pixels should be used at all and percentages from > what I know are relative to the browser size, is this correct or am I > mis-understan

[css-d] Font-Sizes - Golden Rule ?

Em are the best solution for font-sizes, from everything that I know. Pixels I don't know if pixels should be used at all and percentages from what I know are relative to the browser size, is this correct or am I mis-understanding something. I'm not studying typography, maybe there are some o

Re: [css-d] Font Sizes

On 2008/04/14 19:52 (GMT-0700) David Hucklesby apparently typed: > On Tue, 8 Apr 2008 18:43:14 -0500, Alan Gutierrez wrote: >> I'm noticing that when I specify font sizes using em, they are slightly >> smaller in Firefox than in Safari. This becomes a problem when the font >> sizes get smaller. I

Re: [css-d] Font Sizes

On Tue, 8 Apr 2008 18:43:14 -0500, Alan Gutierrez wrote: > I'm noticing that when I specify font sizes using em, they are slightly > smaller in > Firefox than in Safari. This becomes a problem when the font sizes get > smaller. In > Safari they are the right size, but in Firefox they are almost i

Re: [css-d] Font Sizes

On Tue, 08 Apr 2008 18:43:14 -0500 Alan Gutierrez wrote: > I'm noticing that when I specify font sizes using em, they are > slightly smaller in Firefox than in Safari. This becomes a problem > when the font sizes get smaller. In Safari they are the right size, > but in Firefox they are almos

[css-d] Font Sizes

I'm noticing that when I specify font sizes using em, they are slightly smaller in Firefox than in Safari. This becomes a problem when the font sizes get smaller. In Safari they are the right size, but in Firefox they are almost illegible. I couldn't dig anything up on Google, probably searc