query Fondazione media in font-family

Question

Nella Fondazione, il file CSS principale inizia con questo

meta.foundation-mq-small { 
    font-family: "/only screen and (max-width: 40em)/"; 
    width: 0em; } 

meta.foundation-mq-medium { 
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; 
    width: 40.063em; } 

meta.foundation-mq-large { 
    font-family: "/only screen and (min-width:64.063em)/"; 
    width: 64.063em; } 

meta.foundation-mq-xlarge { 
    font-family: "/only screen and (min-width:90.063em)/"; 
    width: 90.063em; } 

meta.foundation-mq-xxlarge { 
    font-family: "/only screen and (min-width:120.063em)/"; 
    width: 120.063em; } 

Perché ci sono le media query nella proprietà font-family?

Answer 1

Se si guarda foundation.js on Github sembra che stiano usando il valore della famiglia di font per passare le query multimediali a Javascript, presumibilmente per mantenerle coerenti se le persone cambiano i valori predefiniti in SCSS. Nel CSS non abbinerà un nome di font valido e sarà semplicemente ignorato.