define style by class instead of structure

customize.dist/src/less2/pages/page-faq.less

@@ -21,6 +21,7 @@
         font-weight: 700;
     }
 }
+
 .cp-faq-ques-det {
     .cp-faq-header {
         a {
@@ -28,7 +29,7 @@
             h4 {
                 margin-top: 1.5rem;
                 margin-bottom: 1.5rem;
-                span {
+                .cp-brand-font {
                     font-family: "Neuropolitical";
                 }
             }

customize.dist/translations/messages.fr.js

@@ -766,7 +766,7 @@ define(function () {
 
     out.faq_link = "FAQ";
     out.faq_title = "Foire Aux Questions";
-    out.faq_whatis = "Qu'est-ce que CryptPad ?";
+    out.faq_whatis = "Qu'est-ce que <span class='cp-brand-font'>CryptPad</span> ?";
     out.faq = {};
     out.faq.keywords = {
         title: 'Termes spéciaux',

customize.dist/translations/messages.js

@@ -773,7 +773,7 @@ define(function () {
 
     out.faq_link = "FAQ";
     out.faq_title = "Frequently Asked Questions";
-    out.faq_whatis = "What is <span>CryptPad</span>?";
+    out.faq_whatis = "What is <span class='cp-brand-font'>CryptPad</span>?";
     out.faq = {};
     out.faq.keywords = {
         title: 'Keywords',