Блог

Главная - Вопросы по программированию - как я могу поместить значки fontawesome в markdown? (файл readme, который будет загружен на github)

как я могу поместить значки fontawesome в markdown? (файл readme, который будет загружен на github)

#html #css #markdown #github-flavored-markdown #readme

#HTML #css #markdown #github-flavored-markdown #readme

Вопрос:

Я хочу поместить некоторые значки fontawesome в мой readme, чтобы объяснить, что они означают на моем веб-сайте, но markdown не разрешает css, так что есть ли способ, которым я могу преодолеть это?

Вот где я получил значок

Это будет html <i class="fas fa-crown"></i>

Это ссылка на таблицу стилей <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT WB0QEEqLprO NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">

Ответ №1:

Просто, вы не можете!

Что вы можете сделать, это загрузить нужное изображение и включить его, например:

 ![fa-crown](fa-crown.svg)

или

 <img src="fa-crown.svg" width="50" height="50">

Если вы хотите узнать больше: Спецификация Markdown со вкусом GitHub

Обновить

Вы также можете использовать изображения FontAwesome, размещенные в репозитории FontAwesome GitHub. Поэтому вы можете использовать его следующим образом:

 <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/6.x/svgs/solid/crown.svg" width="50" height="50">

Вы увидите это:

Комментарии:

1. спасибо, я не знал, что вы можете это загрузить, поэтому я вернулся и увидел, что вы можете.

2. спасибо за этот ответ @abrahamcalf… знаете ли вы, как указать цвета значков, когда они используются таким образом?

3. @abu Вы не можете легко изменить цвет, но вы можете загрузить изображение SVG и отредактировать его. Я создал суть, чтобы продемонстрировать это gist.github.com/abrahamcalf/bbd45c6a6e55dad4100512754454555b