Make buttons inherit font family

[cosmicproc]

Form elements don't inherit fonts by default. This causes <button> elements to have a browser-chosen font unlike the <a> element that looks like a button in the home page. Also, if desired, <input>, <select>, and <textarea> elements, which have the same behavior, can be added to the CSS rule as well.

Home page button (actually an <a> element) (https://grapheneos.org/) Buttons in the web installer page (https://grapheneos.org/install/web) These are actually different fonts

Reference: https://stackoverflow.com/questions/26140050/why-is-font-family-not-inherited-in-button-tags-automatically

[thestinger]

Also, if desired, , , and elements, which have the same behavior, can be added to the CSS rule as well.</p> </blockquote> <p>That makes sense, although we don't currently use any on grapheneos.org but we use some on attestation.app.</p> <p>Can you please submit this for <a href="https://github.com/GrapheneOS/AttestationServer">https://github.com/GrapheneOS/AttestationServer</a> too? We try to keep them mostly in sync, although the attestation site is a bit behind in some areas.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/cosmicproc"><img src="https://avatars.githubusercontent.com/u/126974221?v=4" />cosmicproc</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Sure</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/thestinger"><img src="https://avatars.githubusercontent.com/u/1505226?v=4" />thestinger</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Not clear why GitHub is formatting that whole reply as a quote.</p> <pre><code>> Also, if desired, <input>, <select>, and <textarea> elements, which have the same behavior, can be added to the CSS rule as well. That makes sense, although we don't currently use any on grapheneos.org but we use some on attestation.app. Can you please submit this for https://github.com/GrapheneOS/AttestationServer too? We try to keep them mostly in sync, although the attestation site is a bit behind in some areas.</code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/thestinger"><img src="https://avatars.githubusercontent.com/u/1505226?v=4" />thestinger</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>@cosmicproc Can you make this consistent with the attestation.app one even though we don't use these elements yet? It will be forgotten when we do use them otherwise.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>