Select multiple font-families in a font-face?

N؜am

I want to replace ugly and cursive fonts to a legible font.

/*global*/
@font-face{
    font-family:'gungseo';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}
@font-face{
    font-family:'batang';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}
@font-face{
    font-family:'batangche';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}

Could it be a way to select multiple 'font-family' to shorter those lines as like below?

@font-face{
    font-family:'gungseo','batang','batangche';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}

stonecrusher

Does your second code not work? Looks ok to me. Don't forget the generic font family at the end, like cursive (without quotes). Try if double quotes work in case of single ones don't work for the explicit fonts.

N؜am

Due the error on this site, I can't attach screenshot results of my attempts. however seem like no way to shorter the lines but stick with the first.

@font-face{
    font-family:'Impact';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}
@font-face{
    font-family:'Courier';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}

→ changes both properly

@font-face{
    font-family:'Impact','Courier';
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}

→ changes nothing

@font-face{
    font-family:"Impact","Courier";
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)}

→ w/ double quotes changes nothing as well.

@font-face{
    font-family:"Impact";
    font-family:"Courier";
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff);
}

→ changes "Courier" only

@font-face{
    font-family:"Impact";
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff);
    font-family:"Courier";
    src:url(https://fonts.gstatic.com/s/nanumgothic/v7/PN_3Rfi-oW3hYwmKDpxS7F_D89jY.woff)
}

→ changes "Courier" only

stonecrusher

Ok I looked it up in the spec and it seems like you really have to use the long version.
Now I remember why I "outsourced" the font stuff into a single .css file for import on my webpages...