Eu diria que comece com o parágrafo em 16px e use a sequência de Fibonacci para calcular o restante. Parece que os principais navegadores estão usando essa lógica. Ao longo dos anos (para pesquisas futuras, usando os "Elementos do estilo tipográfico: versão 4.0" de Robert Bringhurst, Hartley e Marks), o líder foi definido em 12 pontos para uma fonte de 10 pontos.
Convertendo 12pt em pixels, obtemos uma fonte base de 16px.
A maioria das folhas de estilo padrão dos navegadores usa 16 pixels para o texto do parágrafo, como você pode inspecionar no DOM ou lendo as https://www.w3.org/TR/CSS21/sample.html e as listas http: //. w3.org/Archives/Public/www-style/2008Jul/att-0124/defaultstyles.html
O problema que estamos enfrentando hoje é justamente o fato de estarmos falando de um novo tipo de tipografia. A tipografia da web atual que precisa se encaixar em diferentes dispositivos é completamente diferente dos conceitos anteriores, como os descritos nos Elements of Typographic Style de Robert Bringhurst. Apesar de ser um excelente livro, a realidade é que o designer moderno precisa de código. Normalmente, considero uma matriz padrão das principais folhas de estilo do navegador criando um esqueleto de um arquivo HTML com o rodapé básico h1, h2, h3, h4, h5, h6, parágrafo e rodapé. Inspeciono a folha de estilo do navegador para entender o tamanho do tamanho padrão de pixel usado pela altura da linha e pela hierarquia nos títulos. Antes do tamanho da tipografia da web ser regulado pelo tipo móvel de metal / madeira, mas a partir de 1985, com o acordo entre Adobe e Apple, as coisas começaram a mudar. Considero que hoje, os principais reguladores dos conceitos de tipografia são Apple, Safari, Windows, com Internet Explorer, Chrome, Firefox ... Você precisará olhar as folhas de estilo dos navegadores para acomodar sua tipografia ao que realmente será renderizado e dispositivos diferentes. Você ainda deve seguir as práticas de Elements of Typographic Style, de Robert Bringhurst, que é um excelente livro, ou seguir o sistema de sequência de Fibonacci. Costumo manter-me atualizado sobre as alterações nas folhas de estilo dos navegadores e ler as especificações da w3 aqui: Você ainda deve seguir as práticas de Elements of Typographic Style, de Robert Bringhurst, que é um excelente livro, ou seguir o sistema de sequência de Fibonacci. Costumo manter-me atualizado sobre as alterações nas folhas de estilo dos navegadores e ler as especificações da w3 aqui: Você ainda deve seguir as práticas de Elements of Typographic Style, de Robert Bringhurst, que é um excelente livro, ou seguir o sistema de sequência de Fibonacci. Costumo manter-me atualizado sobre as alterações nas folhas de estilo dos navegadores e ler as especificações da w3 aqui:https://www.w3.org/TR/html401/struct/global.html#h-7.5.5 Acho que o campo Design precisa levar isso em consideração e acho que a educação para a prática não é atualizada com realidades atuais. Você também pode ler mais aqui no meu blog: https://road-to-resilience.blog/2019/11/21/the-typographic-thing/
