--- url: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7' title: 'Font Awesome 7 no DXPR Builder | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:12:12+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- O DXPR Builder atualiza os seus ícones Font Awesome Free incluídos da versão 6.7.2 para 7.3.1. As páginas continuam a funcionar sem edições: cada ícone numa página guardada continua a aparecer, no mesmo tamanho e posição. Os ícones em si são redesenhados, por isso parecem ligeiramente diferentes. Esta página mostra a mudança e lista os poucos casos que precisam de verificação depois de atualizar. tags: - 'Install and update' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Font Awesome 7 no DXPR Builder' description: |- O DXPR Builder atualiza os seus ícones Font Awesome Free incluídos da versão 6.7.2 para 7.3.1. As páginas continuam a funcionar sem edições: cada ícone numa página guardada continua a aparecer, no mesmo tamanho e posição. Os ícones em si são redesenhados, por isso parecem ligeiramente diferentes. Esta página mostra a mudança e lista os poucos casos que precisam de verificação depois de atualizar. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:12:12+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7' articleSection: 'Instalar e atualizar' - '@type': WebPage '@id': 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7' description: |- O DXPR Builder atualiza os seus ícones Font Awesome Free incluídos da versão 6.7.2 para 7.3.1. As páginas continuam a funcionar sem edições: cada ícone numa página guardada continua a aparecer, no mesmo tamanho e posição. Os ícones em si são redesenhados, por isso parecem ligeiramente diferentes. Esta página mostra a mudança e lista os poucos casos que precisam de verificação depois de atualizar. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Início item: 'https://dxpr.com/pt-pt' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pt-pt --- [Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentacao) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Comece aqui](/pt-pt/hc/documentation/learn-dxpr-builder/start-here) /[Instalar e atualizar](/pt-pt/hc/documentation/learn-dxpr-builder/start-here/install) # Font Awesome 7 no DXPR Builder. Aprender DXPR BuilderComece aquiInstalar e atualizar ## Neste guia Guias relacionados - [Bibliotecas de ícones](/pt-pt/hc/documentacao/aprender-dxpr-builder/personalizacao/bibliotecas-de-icones) - [Adicionar um ícone](/pt-pt/hc/documentacao/aprender-dxpr-builder/elementos/icone) - [Atualizar o DXPR Builder](/pt-pt/hc/documentacao/aprender-dxpr-builder/primeiros-passos/atualizar) - [Registo de alterações](/pt-pt/hc/documentacao/aprender-dxpr-builder/primeiros-passos/registo-de-alteracoes) O DXPR Builder atualiza os seus ícones Font Awesome Free incluídos da versão 6.7.2 para 7.3.1. As páginas continuam a funcionar sem edições: cada ícone numa página guardada continua a aparecer, no mesmo tamanho e posição. Os ícones em si são redesenhados, por isso parecem ligeiramente diferentes. Esta página mostra a mudança e lista os poucos casos que precisam de verificação depois de atualizar. ## O que muda nas suas páginas - **Novos desenhos de ícones.** O Font Awesome 7 redesenha os ícones com formas mais pesadas e redondas. Os ícones Regular (contorno) ganham linhas mais grossas. Os logótipos de marcas quase não mudam. - **Mesmo esquema.** O Font Awesome 7 dá a cada ícone largura fixa por predefinição, o que moveria ícones estreitos para a direita. O DXPR Builder mantém o comportamento Font Awesome 6 nas suas páginas e no editor, por isso os ícones mantêm posição e espaçamento. Alguns ícones redesenhados são ligeiramente mais estreitos, como house e truck. Ícones com a classe `fa-fw`, como ligações sociais, mantêm largura fixa como antes. - **Mesmos nomes de classes.** As páginas guardadas mantêm as classes de ícones, como `fas fa-house`. Classes do Font Awesome 4 e 5 continuam a funcionar através dos estilos de compatibilidade, que ainda cobrem os mesmos 464 nomes antigos. ## Antes e depois Cada mosaico mostra um ícone duas vezes. O ícone cinzento à esquerda é Font Awesome 6.7.2; o ícone preto à direita é Font Awesome 7.3.1. ## Ícones novos O seletor de ícones lista agora 1992 ícones gratuitos, contra 1895. | Estilo | Font Awesome 6.7.2 | Font Awesome 7.3.1 | |---|---|---| | Solid | 1402 | 1422 | | Regular | 163 | 169 | | Brands | 495 | 572 | Os 103 ícones novos incluem logótipos de marcas como Claude, Copilot, Gemini, Fediverse, Codeberg e Forgejo, e os signos do zodíaco. ## Ícones renomeados e removidos Cinco ícones têm nomes novos. As páginas que usam os nomes antigos continuam a mostrar o ícone, porque o Font Awesome 7 ainda os aceita. O seletor de ícones oferece só os nomes novos. | Nome antigo | Nome novo | |---|---| | `user-large` | `user` | | `user-large-slash` | `user-slash` | | `headphones-simple` | `headphones` | | `handshake-simple` | `handshake` | | `handshake-simple-slash` | `handshake-slash` | Um ícone sai do conjunto gratuito: `vector-square`. O Font Awesome 7 só o oferece na edição paga Pro, por isso uma página que usa `fa-vector-square` não mostra ícone depois da atualização. Substitua-o por um ícone gratuito como `draw-polygon` ou `object-group`. ## O que fica igual - **Licença.** O Font Awesome Free mantém os mesmos termos. Os ícones usam CC BY 4.0, os tipos de letra SIL OFL 1.1 e o código MIT. - **Nomes de bibliotecas.** A biblioteca Drupal mantém o nome de máquina, `dxpr_builder/elements.font_awesome_6_free`, porque páginas guardadas e código personalizado a referem. Agora carrega Font Awesome 7. - **Suporte de navegadores.** O Font Awesome 7 só distribui tipos de letra WOFF2. Cada navegador suportado pelo DXPR Builder lê WOFF2. ## Verifique o seu site depois de atualizar 1. **Pesquise o seu conteúdo por `fa-vector-square`** e substitua-o como descrito acima. 2. **Verifique CSS de tema personalizado que desenha ícones Font Awesome.**O Font Awesome 7 muda os nomes dos tipos de letra para "Font Awesome 7 Free" e "Font Awesome 7 Brands". CSS que define `font-family` como "Font Awesome 6 Free" ou "Font Awesome 6 Brands" junto com um ponto de código `content` deixa de mostrar o ícone. Use os nomes novos, ou as propriedades personalizadas `--fa-family-classic` e `--fa-family-brands` que o Font Awesome 7 fornece. 3. **Verifique marcação de tema que depende de `sr-only`.** O Font Awesome 6 definia uma classe `sr-only` e o Font Awesome 7 não. Texto que um tema ocultava com ela fica visível. Temas Bootstrap 5 podem usar `visually-hidden`. 4. **Verifique ícones do tema fora do conteúdo DXPR Builder.** Ícones que o seu tema apresenta fora de uma página DXPR Builder, como num menu ou rodapé, seguem a largura fixa do Font Awesome 7. Para manter as larguras antigas aí também, defina `--fa-width: auto` no contentor. 5. **Limpe caches.** Corra `drush cr` e purgue qualquer CDN ou cache de proxy reverso para que os visitantes recebam as novas folhas de estilo e tipos de letra. ## E a seguir? - [Icon libraries](/pt-pt/hc/documentacao/aprender-dxpr-builder/personalizacao/bibliotecas-de-icones): os conjuntos de ícones que o DXPR Builder traz e como os restringir por função. - [Adicionar um ícone](/pt-pt/hc/documentacao/aprender-dxpr-builder/elementos/icone): coloque e estilize ícones numa página. - [Atualizar o DXPR Builder](/pt-pt/hc/documentacao/aprender-dxpr-builder/primeiros-passos/atualizar): atualize o módulo em segurança. - [Registo de alterações](/pt-pt/hc/documentacao/aprender-dxpr-builder/primeiros-passos/registo-de-alteracoes): o que muda em cada versão.