hi !
i'm trying to use material's font on my app
first i imported the font and after and then pasted this on my css
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/OneClick/materialdesignicons-webfont.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(/OneClick/materialdesignicons-webfont.ttf) format('truetype');
}
.material-icons {
font-weight: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
but still i cant make it work
Hi Carolina,
Did you deploy the resources to target directory? The links are correct? Did you check and follow all the steps of this document? At the end of the document there are steps on how to use custom icon font in Outsystems.
Regards,
Marcelo
Actually I did
but when i try to do this part:
https://thumbs.gfycat.com/BigHealthyCuckoo-mobile.mp4 the pop-up doesn't appear, it only shows the icon flag and the proporties screen isnt the same, i don't have style class option
Hi,
What do you see there? which version are you using? because my version is a bit more advance than the one that was used to record that clip but I still have style classes.
I'm using the latest one. This is my icon properties.
Are you using mobile or web? Because on web the way of using it is different.
Marcelo Ferreira wrote:
im using web, how can i achieve it on web?
In the document I shared before in the end shows hoe to do it on web. Check it here.
Ok, i tried with the container and it didnt work again. I reviewed every steps and i can't understand whi is even importing the font.
I dragged a container and gave it the styleclass "mdi-card-search-outline" but it doesn't show up
Can you send me a small module with what you are trying to do so I can look into it?
I just want to use some of these icons on my project.
Hello!!!
What can i do when i am using more than before to make the icon? for example this?
Hi @Marcio Carvalho,
I have the same doubt. Did you discover how it works?
Regards
yes! You basically use adobe or Figma to join all paths at least until 2 paths and there ya go, you have your icon.
Yes, it what we are doing. We create icon only with 1 or 2 path's.
Thanks