Static GitHub Issues

[1398] How including fonts in css

prev: Get Full url path in asyncData
next: Nested Routes: Odd behavior

I have style.css

* Start Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

* {margin: 0;padding: 0;}
html {height: 100%;}
a{text-decoration: none;}
img {max-width:100%;}
li{list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
input[type='submit'], a {outline: none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
textarea {resize: none;}
.clr{clear:both;}

/* End Reset */

/* Start Подключение шрифтов */

/* font-family: "OpenSansRegular"; */
@font-face {
	font-family: "OpenSansRegular";
	src: url("fonts/OpenSansRegular/OpenSansRegular.eot");
	src: url("fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
	url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
	url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* font-family: "OpenSans-Italic"; */
@font-face {
	font-family: "OpenSans-Italic";
	src: url("fonts/OpenSans-Italic/OpenSans-Italic.eot");
	src: url("fonts/OpenSans-Italic/OpenSans-Italic.eot?#iefix")format("embedded-opentype"),
	url("fonts/OpenSans-Italic/OpenSans-Italic.woff") format("woff"),
	url("fonts/OpenSans-Italic/OpenSans-Italic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* font-family: "OpenSans-Semibold"; */
@font-face {
	font-family: "OpenSans-Semibold";
	src: url("fonts/OpenSans-Semibold/OpenSans-Semibold.eot");
	src: url("fonts/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix")format("embedded-opentype"),
	url("fonts/OpenSans-Semibold/OpenSans-Semibold.woff") format("woff"),
	url("fonts/OpenSans-Semibold/OpenSans-Semibold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* font-family: "PTRoubleSans"; */
@font-face {
	font-family: "PTRoubleSans";
	src: url("fonts/PTRoubleSans/PTRoubleSans.eot");
	src: url("fonts/PTRoubleSans/PTRoubleSans.eot?#iefix")format("embedded-opentype"),
	url("fonts/PTRoubleSans/PTRoubleSans.woff") format("woff"),
	url("fonts/PTRoubleSans/PTRoubleSans.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

/* End Подключение шрифтов */

/* Start Body */

body {font-family: "OpenSansRegular", sans-serif;font-size: 13px;}
.select_list, .select_list_radio input[type="radio"]:checked + label, .select_list_radio input[type="radio"], .hidden {display: none;}
.border{fill:none;stroke:#333;stroke-miterlimit:10;}
.body{fill:#666;}
.body_home{fill:#333;}
.bodyW, .apple, .android, .windows{fill:#fff;}
.smart{fill:none;stroke:#fff;stroke-miterlimit:10;}
.star{fill:none;stroke:#666;stroke-miterlimit:10;stroke-width:0.75px;}
.red{fill: none;stroke: #f35001;stroke-miterlimit: 10;}
.green{fill: none;stroke: #47a847;stroke-miterlimit: 10;}
.wrap_header{height: 60px;background-color: #f5f5f5;-moz-box-shadow: 0 3px 10px rgba(204,204,204,.5);-webkit-box-shadow: 0 3px 10px rgba(204,204,204,.5);box-shadow: 0 3px 10px rgba(204,204,204,.5);}

etc.

My nuxt.config.js

module.exports = {
    head: {
        meta: [
            {charset: 'utf-8'},
            {'http-equiv': 'X-UA-Compatible', content: 'IE=edge'}
        ]
    },
    css: [
        'hover.css/css/hover-min.css',
        'bulma/css/bulma.css',
        {src: "~/assets/style.css", lang: 'sass'}
    ],
    build: {
        extractCSS: true
    }
};

And my package.json

{
  "name": "mynuxt",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bulma": "^0.5.1",
    "hover.css": "^2.2.0",
    "node-sass": "^4.5.3",
    "nuxt": "^0.10.6",
    "sass-loader": "^6.0.6",
    "vue-style-loader": "^3.0.1"
  }
}

How including file style.css to the nuxt?

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1240">#c1240</a>)</em></sub></div>