I'm trying to get Font Awesome to work in my nativescript-vue app, I'm following this tutorial:
https://nativescript-vue.org/blog/using-fonticons/
It says I have to download a file like fontawesome-webfont.ttf. and import it into my assets folder, can I have a direct link to download this file, I haven't found it in the official FA web.
You can get them from here, fontAwesome github
Look into the webfonts directory.
Related
I use VSCode to develop my eleventy based static site. I also use it to edit posts in markdown. The preview of those posts is really helpful, however the image paths don't resolve properly, so they are not visible in the preview. This is because the root of the website is not the same as the root of the code.
The posts are in this folder:
/project-folder/src/posts
The images are in this folder
/project-folder/src/assets/images
But the root of the website is "src" so when adding the image into the markdown file, the path is like this:
![](/assets/images/myimage.jpg)
Is there some way of informing the markdown previewer that paths should consider "src" as the root? If it's not possible, that's fine too. But it would be great to get the images to show in the markdown preview.
Thanks.
This is a known bug in the current version of VS Code:
https://github.com/microsoft/vscode/issues/165352
I followed this tutorial: http://darrinb.com/adding-custom-icon-wordpress-plugin/
I added the assets/icon-128-128.jpg
But icon does not show up after release to plugin store.
have you tried renaming the file to icon-128x128.png ?
this is a known problem in the wordpress community.
here is another way to solve your problem
Inserting this:
---theme
fonts
fontawesome-webfont.eot
...
css
fontawesome.css
...
I am trying to use Icon Fonts on my NativeScript app.
So I followed the oficial documentation and those were my steps:
(1) - Downloaded the ttf files into my app/fonts folder:
(2) - On my app.css I declared the font global class like so:
.fa {
font-family: "Font Awesome 5 Free", "fa-regular-400", "fa-solid-
900";
}
.fa-solid {
font-family: "Font Awesome 5 Free", "fa-solid-900";
}
(3) - Then on my html component:
<Label text="" class="far"></Label>
But My Icon does not appear on the screen. I am using NativeScript 6+ with Angular 8.
Any Help ?
I figure it out why the Font Icons wasn't showing up!
I was using NativeScript 5.1 and since version 6.0 was released I migrated the project:
tns migrate
The problem is that I was using NS with Angular 8 and according to the docs I have to place my fonts on the project's root folder.
In your root application folder (This is the app folder for NativeScript Core, and the src folder for Angular 6+), create a folder called fonts and place the .ttf there.
So, Clearly the problem was that my fonts folder was inside /app when it should be inside /src folder.
It took me too long to realize that because for some strange reason my imported text fonts like 'Montserrat.tff' was working just fine. So I thought the problem was related with NativeScript or whatever.
In short, the Wrong way to do it with NativeScript and Angular 6+:
The right way:
I hope this helps newcomers who may stumble in the same problem/situation.
i am noob with Ionic and i am having problems adding a new font of icons in my project.
I am using ionic 3.20.0. I am trying to add this font (http://icofont.com/) and i am use this tutorial for this.
https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/
(I downloaded this project but dont run, i think that the code is old version, but i am not sure)
I made the tutorial step by step but , when i try to run my app i see this error:
enter image description here
I read a lot of tutorials and try a lot of ways, but i dont know how import the scss file with the fonts.
Thanks for the help!! ( And sorry for my english...)
Finally, the error was that i had a extra dot in the name of my file. I check this and all runs ok with the steps indactes in the tutorial and the coments of this.
Thanks.
Is it possible to link to files or images in the same project using Swift documentation markup kind of like Github does? I have snapshots of all my view classes and would really like to include those images in the documentation.
Something like this:
![Snapshot](ReferenceImages_64/RealmUITests.RealmIconsSnapshotTests/testLikeIcon#2x)
It works for symbol documentation and Playgrounds, but there's a difference.
For symbol documentation, only links to online images are supported.
Online and local images are supported in Playgrounds.
Local images have to be in the Playground's Resources folder.
/*:
![Remote image: docs + Playground](http://example.fake/image.png)
![Local image: only Playground](image.png)
*/
Reference: Apple documentation
Note: doesn't work with 7.3 beta.