+ options: + merge-default-rules: false + max-warnings: 0 + # File Options + files: + include: ' sass/**/*.s+(a c)ss' + ignore: + - ' src/sass/lib/**/*.*' + - ' src/sass/helpers/**/*.*' + - ' src/sass/generated/**/*.*' + # Rule Configuration + rules: + force-pseudo-nesting: 2 + no-important: 2 + no-duplicate-properties: 2 + no-url-protocols: 2 + #no-extends: 2 + no-empty-rulesets: 2 + no-misspelled-properties: 2 + no-url-domains: 2 + no-transition-all: 2 + nesting-depth: + - 2 + - max-depth: 4 + indentation: + - 1 + - size: tab. + #How to use + + Clone this repo and then in command line type: + + * `npm install` or `yarn` - install all dependencies + * `gulp` - run dev-server and let magic happen, or + * `gulp build` - build project from sources + + -- + + ## List of Gulp tasks + + To run separate task type in command line `gulp [task_name]`. + Almost all tasks also have watch mode - `gulp [task_name]:watch`, but you don't need to use it directly. + + ### Main tasks + Task name Description +:------------------ :---------------------------------- + `default` will start all tasks required by project in dev mode: initial build, watch files, run server with livereload + `build:dev` build dev version of project (without code optimizations) + `build` build production-ready project (with code optimizations) + + ### Other tasks + Task name Description +:------------------ :---------------------------------- + `sass` compile.sass/.scss to.css.

Custom fonts are among the most potentially appealing aspects of CSS3 for designers. With the font-face rule, you can render any font you have online within your web page text, regardless of whether the user has it installed or not. As with most CSS3 techniques, the basic code is pretty simple, but the practical reality is a little more complex. Termostat wester modelj 091 instrukciya inches. In this short tutorial, we will run through the basics of including custom fonts in your pages. Upload the font First, make sure that the font you want to use is licensed for web use.

Geom Graphic Regular Font: Licensing Options and Technical Information. Geom Graphic font family. Such as ads created in HTML5. The licenses are valid for a. Oct 17, 2017 - test for HTML5 vs HTML4 support, cutting the mustard. A17.browserSpec = (typeof d. Font to be loaded. @font-face {. Font-family: Graphik.

Almost all free fonts can be used on a website and many premium fonts are available with a license that covers web usage. Next upload your chosen font to your server. You may wish to store it in a dedicated “fonts” directory but this is optional.

Remember to include the files for any variants of the font you plan on using, such as bold or italic. You can use EOT (Embedded OpenType) files for Internet Explorer and either OTF (OpenType) or TTF (TrueType) for the rest. (Additional options include WOFF (Web Open Font Format) and SVG (Scalable Vector Graphics) but we will stick to more common types here.) Make a note of where the font files are stored on your server. Add a font-face section to your CSS code Open the HTML or CSS file for the page you are working with. Add a font-face declaration to the style code.

Src: local('Lovely Font'), local('Lovely-Font'), url('fonts/lovely_font.otf') format('opentype'); src: local('Lovely Font'), local('Lovely-Font'), url('fonts/lovely_font.ttf') format('truetype'); The addition is the same for both OTF and TTF. We specify the font name after the local keyword. In this case we have two lines specifying the local font because the font name has more than one word in it. The hyphenated version caters for the way font names are stored on certain operating systems – this additional line is not necessary if the font only has a single word in its name.

If you happen to know that a font can have different names on different systems, include each of the possibilities in your local section. Apply the font to page elements Finally we can apply the font to the page elements. In the CSS code for a particular element, or group of elements, simply specify the font name you used, including any fallbacks you choose.