Como alterar a fonte de "Regular Icons" para "Solid Icons" via CSS. No https://fontawesome.com/cheatsheet as duas possuem o mesmo código.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
a#edit{
color: #f00;
text-decoration: none;
background-color: none;
}
a#edit:link::before{
font-family: FontAwesome;
content:"\f1c6 ";
}
a#edit:hover{
color: #000;
text-decoration: none;
background-color: none;
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.
</p><p> <a id="edit" href="#"> </a>
</p><p> <a href="#">.</a>
</p><p> <i class="fas fa-file-archive"> f1c6 </i>
</p><p> <i class="far fa-file-archive"> f1c6 </i>
</p>
</body>
</html>
font-family: "Font Awesome 5 Regular";
parafont-family: "Font Awesome 5 Solid";
ele não carrega a fonte fica só um quadrado... Se vc reparar no Dev Tools o ícone já é um::before
e não tem como ter um::before::before
A solução seria usando o<i>
Se mesmo se quiser eu te respondo com mais detalhes no campo de Resposta