Comments (6)
@Unknow-max Can you share a screenshot or something for reference?
from unicons.
Hi, for sure!
First a quick recap:
- I installed the fonts from the 3.0.0 release on Github (https://github.com/Iconscout/unicons/releases/download/v3.0.0/fonts.zip).
- I installed locally from the CDN the
CSS
file (https://unicons.iconscout.com/release/v3.0.0/css/line.css).
obviously I modified the file to adapt it to local fonts, now it looks like this:
@font-face {
font-family: unicons-line;
src: url(../../fonts/unicons/unicons.woff2) format('woff2'), url(../../fonts/unicons/unicons.woff) format('woff'), url(../../fonts/unicons/unicons.ttf) format('truetype'); // path to fonts
font-weight: 400;
font-style: normal;
}
[class^=uil-]:before, [class*=" uil-"]:before {
font-family: unicons-line;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
/* animations, before codes, ecc */
Now as said when I try to use an icon, it do not work. Here the markup that I use:
<span class="uil-create-dashboard overview-tab__icon-inner icon-primary"></span>
The before
code for the icon (create-dashboard) in my css file is:
.uil-create-dashboard:before {
content: '\ec5e'
}
The : before
code is right.
But this is the result:
Here are the styles applied to the pseudoelement:
If I try to instead the fonts in your CDN (https://unicons.iconscout.com/release/v3.0.0/fonts/line/unicons-0.woff.....), from my local CSS file all work fine.
The issue seems in the font.
Have a good day!
from unicons.
Also, another thing. Sometimes when I use some icons (eg. uil-heart), the icon font seems to work, but it displays another icon. Buggy thing
from unicons.
@tarunmangukiya do you think that the font have some type of issue or bug?
from unicons.
@tarunmangukiya any update on this? Sorry to bother you, but having a project that need to go live in a few weeks times are running out.
from unicons.
@Unknow-max did you find a solution for that problem?
from unicons.
Related Issues (20)
- uil-home-alt does not exist in the json/line.json file HOT 3
- not working HOT 1
- [Question] how to get fonts for local installation HOT 4
- Add group tag to enable the svg <use> tag HOT 1
- OTS parsing error HOT 23
- Issues with "graduation-cap" icon
- file-network is malformed
- Add typescript typings for the icons
- Problem with events. HOT 1
- Icon request: Caret down and up
- Monochrome svgs are solid black HOT 1
- UilCalender is misspelled HOT 1
- Update SVGO dependency HOT 1
- Update webpack dependencies
- Vulnerability: Inefficient Regular Expression Complexity in nth-check HOT 2
- angular components
- vertical alignment is closer to top then bottom HOT 3
- How to use this repo?
- High severity vulnerability in nth-check - Regular Expression Denial of Service (ReDoS) HOT 1
- I am getting this warning for every icon that i use: "Support for defaultProps will be removed"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from unicons.