mvc 字型

2017-11-14

字型網址 https://fonts.google.com/

cshtml加入範例是使用單機版Bad Script字型

    <h1 is="gk-text" class="classname">Marty</h1>
<style type="text/css">
    @@font-face {
        font-family: 'Bad Script';
        src: url('@Url.Content("~/fonts/BadScript-Regular.ttf")');
    }
      .classname {
        font-family: 'Bad Script';
    }
</style>

網路版

    <style type="text/css">
        @@import url(http://fonts.googleapis.com/css?family=Frijole);
        @@import url(http://fonts.googleapis.com/css?family=Lily+Script+One);
        @@import url(http://fonts.googleapis.com/css?family=Akronim);
        @@import url(http://fonts.googleapis.com/css?family=Hanalei);
        @@import url(http://fonts.googleapis.com/css?family=Lemon);
        @@import url(http://fonts.googleapis.com/css?family=Dr+Sugiyama);
        @@import url(http://fonts.googleapis.com/css?family=Bonbon);

        .font1 {
            font-family: 'Frijole';
        }

        .font2 {
            font-family: 'Lily Script One';
        }

        .font3 {
            font-family: 'Akronim';
        }

        .font4 {
            font-family: 'Hanalei';
        }

        .font5 {
            font-family: 'Lemon';
        }

        .font6 {
            font-family: 'Dr Sugiyama';
        }

        .font7 {
            font-family: 'Bonbon';
        }

        .font8 {
            font-family: 'Bad Script', cursive;
        }
    </style>

    <h1 is="gk-text" class="font8">Marty</h1>

回首頁