Blazor에서 자유롭게 사용할 수 있는 Google Fonts에서 일본어 글씨체를 테스트하는 사이트를 만들고 싶습니다.
Google Fonts
https://fonts.google.com/
Google Foonts + 일본어
https://googlefonts.github.io/japanese/
Demo
샘플 코드

Google Fonts 가져오기

Blazor를 사용하여 Google Fonts를 가져오려면 index.html에 설명되어 있습니다.
EarlyAccess Edition은 linkタグ입니다.goole Fonts에서 제공하는 필요한 물건을 골라서 만들기@import.
wwwroot/index.html

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>BlazorAppGoogleFonts</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />

    <!--EarlyAccessフォント-->
    <link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/earlyaccess/nikukyu.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet">
    <!--通常のフォント-->
    <style>
        @import url('https://fonts.googleapis.com/css?family=Kosugi|Kosugi+Maru|M+PLUS+1p:100,300,400,500,700,800,900|M+PLUS+Rounded+1c:100,300,400,500,700,800,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900|Sawarabi+Gothic|Sawarabi+Mincho&display=swap');
    </style>
</head>

사용법

원하는 스타일font-family 또는 font-weight을 지정합니다.

<p style="font-family:Kosugi;font-weight:bold;">おはようございます</p>

비록 일본어의 글씨체는 매우 적지만, 나는 아주 잘 쓰고 싶다.

Reference

이 문제에 관하여(Blazor로 Google Fonts 테스트 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kimuradesu/items/e127e9570320e2c0874c

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

Blazor로 Google Fonts 테스트 웹 사이트 만들기

Google Fonts 가져오기

사용법

Reference

좋은 웹페이지 즐겨찾기