Google Sans Flex

구글9개 굵기

미리보기

각 굵기 아래 @font-face 코드를 복사해 CSS에 붙여넣으면 바로 웹폰트로 쓸 수 있어요.

씬

구글이 아껴 쓰던 글씨, 이제 Flex

씬 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Thin';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

엑스트라라이트

구글이 아껴 쓰던 글씨, 이제 Flex

엑스트라라이트 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

라이트

구글이 아껴 쓰던 글씨, 이제 Flex

라이트 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Light';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

레귤러

구글이 아껴 쓰던 글씨, 이제 Flex

레귤러 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Regular';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

미디엄

구글이 아껴 쓰던 글씨, 이제 Flex

미디엄 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Medium';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

세미볼드

구글이 아껴 쓰던 글씨, 이제 Flex

세미볼드 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

볼드

구글이 아껴 쓰던 글씨, 이제 Flex

볼드 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Bold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

엑스트라볼드

구글이 아껴 쓰던 글씨, 이제 Flex

엑스트라볼드 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

블랙

구글이 아껴 쓰던 글씨, 이제 Flex

블랙 · @font-face

@font-face {
    font-family: 'GoogleSansFlex-Black';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Google/GoogleSansFlex-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

사용 범위

인쇄가능
웹사이트가능
영상가능
포장지가능
임베딩가능
BI/CI가능
OFL가능

라이선스 안내

Google Sans Flex는 SIL 오픈 폰트 라이선스(OFL) 1.1로 배포되었습니다. 폰트 단독 유료 판매를 제외한 모든 상업적 사용과 수정·재배포가 가능합니다. Copyright 2015 The Google Sans Flex Authors (https://github.com/googlefonts/googlesans-flex) This Font Software is licensed under the SIL Open Font License, Version 1.1. (https://openfontlicense.org)