How to set url of fonts in css file into mvc project?


Tags: html,css,asp.net-mvc

Problem :

I set url of fonts in css file such as this.

    @font-face {
  font-family: 'soap-icons';
  src: url("../fonts/soap-icons.eot?26664784");
  src: url("../fonts/soap-icons.eot?26664784#iefix") format("embedded-opentype"), url("../fonts/soap-icons.woff?26664784") format("woff"), url("../fonts/soap-icons.ttf?26664784") format("truetype"), url("../fonts/soap-icons.svg?26664784#soap-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

This run currently in html file.But after that I use this html file as a layout into mvc project It don't work currently .I test all css files path and found its are true.I change this urls to complete path of root site but don't work. my project folders image :

enter image description here

Please advice



Solution :

try like this src: url("/Content/Travelo/fonts/oap-icons.eot?26664784")

or

try moving your fonts to default fonts folder of MVC application


    CSS Howto..

    How to click and swap a text in a button?

    How do I style JUST the reflection of the content without affecting its original source?

    How do prevent my div from spilling outside its parent container?

    How to hook up CSS search bar to JavaScript or another server side language

    How can I write CSS with jQuery (or JS) to apply to current and future matches?

    How to scale html font size in Bootstrap 4 without breaking responsive navbar

    How to refer to css file in codeigniter?

    How to Position a CSS Element on the page? Without position properties?

    how to create horizontal drop-down menu with javascript for asp.net website?

    How do I make hidden description text push the content upwards when it shows

    How to position HTML code over CSS

    How to stack a div absolutely on top of table cells

    Messed up slides in custom minimal JS/CSS slideshow

    How to make a custom clickable shape with CSS to cover the exact needed area?

    How to position 3 images in two equal height columns?

    How to override default styles in GWT 2.3?

    How to override xhtml theme css?

    how to add a custom font to rails app

    How can I show this 2 div side by side?

    How to create css shadow effect [duplicate]

    How to include a CSS link if a call isn't done via AJAX?

    How to display print preview as same as the webpage using css?

    How to keep your current screen position while dynamically showing surrounding elements with jquery / css

    Html, table, img & css - how to get text to wrap correctly?

    How to make a menu centered using CSS

    how to make target link work giving different css properities

    How do I apply CSS Transition to my responsive menu?

    How to add a box shadow to a table tr element upon hover? [duplicate]

    How to make width of nested CSS elements all the same?

    How does Twitter put labels inside textboxes?