[Pro] Changive typesizes responsively

Freeway
1

Hi all, I’m just taking some baby steps into FW7 while there’s a lull in the work.

I have a possible site in mind and it has one long word in the headline which splits when scaled to smaller devices, so is there any way to keep the headline font at, say 60pt and when it’s on a mobile down to about 20pt?

Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Use a CSS media query ie

<style>
@media (max-width: 1024px) {
  h1.header { font-size: 60px; }
}
@media (max-width: 480px) {
  h1.header { font-size: 20px; }
}
</style>

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

And of course the next update of FW7 is (reportedly) going to have text resizing built in.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Hello David, thanks for the answer - that makes perfect sense to me, although I don’t have a clue where to put it! (answers on a postcard please……)

Would it be Before /Head or something like that? Or shoehorned into the type styles palette?

Trev

On 14 May 2015, at 20:11, DeltaDave email@hidden wrote:

Use a CSS media query ie

<style>
@media (max-width: 1024px) {
 h1.header { font-size: 60px; }
}
@media (max-width: 480px) {
 h1.header { font-size: 20px; }
}
</style>

s

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Would it be Before /Head or something like that?

Typically any additional styling you add manually (like this) should come after any FW created stuff - so placement is in Before end Head (Before )

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Great, thanks David. Appreciated.
Trev

On 15 May 2015, at 16:34, DeltaDave email@hidden wrote:

Would it be Before /Head or something like that?

Typically any additional styling you add manually (like this) should come after any FW created stuff - so placement is in Before end Head (Before )

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options