I need to change this icon:
I already changed the icon in the properties of the project, and proceeded to build the project:
But the icon doesn't change. Is there anything else I need to do?
But the icon doesn't change. Is there anything else I need to do?
If you want to set the icon in properties.Be sure there is only one .ico file named favicon in your project,then build the project.You need press both Ctrl+F5 in the browser to refresh the website.
Another way is:
My .ico file located in the wwwroot folder,so I just add the following code to the _Layout.cshtml:
<head>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
//add this line..
<link rel="icon" type="image/png" href="~/YourIconName.ico" sizes="32x32">
</head>
Related
I'm trying to use font awesome in dompdf/laravel but no matter what I try the icons don't show up, I've seen a bunch threads with similar or the same issue and their answers don't work for me. In my project I'm using vue.js for everything except the pdf where as far as I know I can only use a blade.
I've added this to the top of my HTML blade file
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html"/>
<meta charset="utf-8">
<link rel="stylesheet" href="{!! url('css/pdf.css') !!}">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
<header></header>
<main></main>
</body>
</html>
Still no luck, the icons show up as question marks (?)
How can I fix this?
Im not sure, but try installing font-awesome with NPM in the console, npm install font-awesome and then import them into your app.scss; "#import "node_modules/font-awesome/scss/font-awesome";
You can download, customize, and use the icons and default styling manually: Download Link font-awesome Version 4.7.0
Using CSS:
Copy the entire font-awesome directory into your project.
In the <head> of your HTML, reference the location to your font-awesome.min.css.
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
More Info: font-awesome
I have already read several issues about displaying icons in former versions of blueprintjs. Mine concerns blueprint 2.0.0-rc.2 and feel it's an importing problem.
I am using webpack and importing blueprint v2 the following way:
In index.html:
<link href="node_modules/normalize.css/normalize.css" rel="stylesheet" />
<link href="node_modules/#blueprintjs/core/lib/css/blueprint.css" rel="stylesheet" />
In my app.tsx:
require('../../../node_modules/#blueprintjs/core/src/blueprint.scss');
require('../../../node_modules/#blueprintjs/icons/resources/icons/icons-16.ttf');
The overall css loads correctly but fonts remain unreachable; can someone please tell me what I am doing wrong? Cheers!
You are missing the new blueprint-icons.css file, which imports the font files through CSS #font-face declarations. Add the following line before importing blueprint.css:
<link href="node_modules/#blueprintjs/icons/lib/css/blueprint-icons.css" rel="stylesheet" />
We have updated the docs with latest usage instructions and will be shipping full 2.0 later this week (and updating the site accordingly).
I'm in the early stages of learning Kendo UI. I've got the grid work and loading data but none of the images/icons that should appear in the grid are appearing. When I load the page containing the grid, I get the following 404 errors. The error message doesn't tell me where it's expecting to find these files.
Where is Kendo UI looking for these files? Or, can I tell Kendo where to look for them?
I currently have the files located here in my MVC folder structure, but it's not finding them:
The fonts and icons should be located under the content\kendo\{your kendo version}\ (assuming you are creating an MVC.net site based on the tag (see image below)
if this is missing then try running the upgrade wizard in visual studio (assuming you are using visual studio here) or just include the files you require from your distribution.
can you also check you have included the required css links within your site (please note I am using the bootstrap theme here so alter to work with your theme as required):
<link href="#Url.Content("~/Content/kendo/2017.1.118/kendo.common-bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2017.1.118/kendo.mobile.all.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2017.1.118/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2017.1.118/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2017.1.118/kendo.dataviz.bootstrap.min.css")" rel="stylesheet" type="text/css" />
if this is set up correctly just make sure the fonts etc are set to "content" for the 'Build Action'
Check to make sure that the version in your direction matches the version of the kendo.mvc.dll in your bin folder. It has to match your assembly version.
I found this out when I upgraded. Somehow my project was not pointing to the correct assembly.
I'm using visual studio 2013 and have web essentials for update 4 (2.5.4) installed.
I'm running the web application from visual studio (I happen to be using Chrome) and bootstrap v 3.3.4.
I've removed any reference to bootstraps css file. I have my own less file that imports the bootstrap.less file
#import "../js/BootStrap.3.3.4/less/bootstrap.less";
when I hit F5, it says that my less file compiled to Test1.css.
In my master page I have a reference to the Test1.css file. So it looks something like this
<script type="text/javascript" src="/js/js1.11.1/jquery-1.11.1.min.js"></script>
<link type="text/css" href="/js/js1.11.1/jquery-ui.css" rel="stylesheet" />
<script src="/js/BootStrap.3.3.4/js/bootstrap.min.js"></script>
<link href="CSS/Test1.css" rel="stylesheet" />
However, when the page renders it looks like this
<script type="text/javascript" src="/js/js1.11.1/jquery-1.11.1.min.js"></script>
<link type="text/css" href="/js/js1.11.1/jquery-ui.css" rel="stylesheet" />
<script src="/js/BootStrap.3.3.4/js/bootstrap.min.js"></script>
<link href="/js/BootStrap.3.3.4/css/bootstrap.min.css" rel="stylesheet" />
and it works. Where does the boostrap.min.css come from and why is it working and not using what I have in my masterpage. Further more, the bootstrap.min.css, I've looked using a dir *.css /s command and can not find that file anywhere.
Your ideas would be greatly appreciated.
So, I have been asked to fix an issue where a favicon isn't appearing in IE8 at work, but can't seem to figure out why it isn't working. I've even read the official Microsoft documentation on the subject, but haven't managed to get anywhere with this.
I have included the following in head of the site template, where $sitebase is set to http://www.slinkynote.com/ in the config file. The favicon image is a 32px by 32px .ico file.
<link href="<?php echo $site_base;?>favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="<?php echo $site_base;?>favicon.ico" rel="icon" type="image/vnd.microsoft.icon" />
Does anyone have any experience with this issue? It appears fine in FF and Chrome.
Thanks,
Dan.
The problem seems to be that IE8 caches the icon in the browsing history (and NOT its temporary Internet files) ... if it fails once in IE, it will not try again for a while (I don't know how long, but long enough to be very annoying) ... anyway, the following simple header links work fine:
<link rel="shortcut icon" type="image/icon" href="/favicon.ico">
<link rel="icon" type="image/icon" href="/favicon.ico">
I'm not sure why you need them both, probably cross-browser compatibility. But the href does NOT need a hostname with www in it, or any hostname at all. It works even on a local machine
However, if IE8 has messed up its cache then this will drive you crazy. Luckily the solution is simple: change the links to the following (just add x) and make sure the icon will load first time (or else you will just mess up the cache again) ...
<link rel="shortcut icon" type="image/icon" href="/xfavicon.ico">
<link rel="icon" type="image/icon" href="/xfavicon.ico">
Afterwards change the links back to what you wanted originally, then the icon will reload the next time and thereafter be cached successfully.
You are using PNG image in ICO file, and setting wrong mime type. Make another icon but ACTUAL icon file and put it in the place of current one.