# [ Demo ]Web Fonts

Instructions:
1Use font-face declaration Fonts.

    @font-face{
        font-family: "Kaleidos-Rough";
        src: url("7204f9070c69768d6b9fd47f57e0dc2b.eot");
        src: url("7204f9070c69768d6b9fd47f57e0dc2b.eot?#iefix")format("embedded-opentype"),
            url("7204f9070c69768d6b9fd47f57e0dc2b.woff")format("woff"),
            url("7204f9070c69768d6b9fd47f57e0dc2b.woff2")format("woff2"),
            url("7204f9070c69768d6b9fd47f57e0dc2b.ttf")format("truetype"),
            url("7204f9070c69768d6b9fd47f57e0dc2b.svg#Kaleidos-Rough")format("svg");
        font-weight:normal;
        font-style:normal;
        font-display:swap;
    }

orTo embed a font, copy the code into the head of your html

    <link href="https://db.onlinewebfonts.com/c/7204f9070c69768d6b9fd47f57e0dc2b?family=Kaleidos-Rough" rel="stylesheet">

2CSS rules to specify families
Use example:

    font-family: "Kaleidos-Rough";

Kaleidos-Rough
OnlineWebFonts.Com Some fonts provided are trial versions of full versions and may not allow embedding unless a commercial license is purchased or may contain a limited character set. Please review any files included with your download, which will usually include information on the usage and licenses of the fonts. If no information is provided, please use at your own discretion or contact the author directly.
3License and attribution:
You must credit the author Copy this link ( oNlineWebFonts.Com ) on your web
4Copy the Attribution License:
<div>Fonts made from <a href="http://www.onlinewebfonts.com">Web Fonts</a>is licensed by CC BY 4.0</div>