Вопросы Теги

CSS: после содержимого псевдоэлементов отображается на & lt; th & gt; но не & lt; span & gt; [Дубликат]

Еще один важный момент заключается в том, что вы не должны блокировать задачи и использовать async до конца, чтобы предотвратить взаимоблокировки. Тогда это будет асинхронная, а не синхронная блокировка. 

public async Task<ActionResult> ActionAsync()
{

    var data = await GetDataAsync();

    return View(data);
}

private async Task<string> GetDataAsync()
{
    // a very simple async method
    var result = await MyWebService.GetDataAsync();
    return result.ToString();
}
7
задан Temani Afif 10 April 2018 в 13:46
поделиться

1 ответ

Для этого вам нужно указать font-weight:900 (или любое значение, большее 600, bold или bolder). 

.myClass {
  visibility: hidden;
}

.myClass::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f008";
  visibility: visible;
  font-weight: 900;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
<span class='myClass'>Movies</span>

Поскольку regular является PRO и вам нужен solid один:

https://fontawesome.com/icons/film?style= solid

Почему работает другая иконка?

Поскольку \f007 - это значок: https://fontawesome.com/icons/user?style=regular , и, как вы можете видеть, regular не PRO, поэтому вам не нужно указывать font-weight. Вам нужно указать его только тогда, когда вы хотите показать solid. 

.myClass::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f007";
  visibility: visible;
  font-weight: 900;
}

.myClass-1::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f007";
  visibility: visible;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
<span class='myClass'>Solid </span>
<br>
<span class='myClass-1'>Regular </span>

В качестве побочного примечания , все версии light являются PRO, поэтому для них в свободном пакете нет font-weight.

Вы можете проверить документацию для более подробной информации: https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements

9
ответ дан Temani Afif 15 August 2018 в 21:37
поделиться
  • 1
    Удивительно, спасибо за объяснение! Знаете ли вы, что font-weight мне нужно будет использовать, если версия light была бы бесплатной? – nsayer 10 April 2018 в 13:47
  • 2
    @nsayer все значки light - это PRO, поэтому в бесплатном пакете нет шрифта для них;) вы можете использовать их только в том случае, если вы получаете PRO один – Temani Afif 10 April 2018 в 13:50