Title: wp_font_library_wp_admin_render_page
Published: May 20, 2026

---

# wp_font_library_wp_admin_render_page()

## In this article

 * [Description](https://developer.wordpress.org/reference/functions/wp_font_library_wp_admin_render_page/?output_format=md#description)
 * [Source](https://developer.wordpress.org/reference/functions/wp_font_library_wp_admin_render_page/?output_format=md#source)

[ Back to top](https://developer.wordpress.org/reference/functions/wp_font_library_wp_admin_render_page/?output_format=md#wp--skip-link--target)

Render the font-library-wp-admin page.

## 󠀁[Description](https://developer.wordpress.org/reference/functions/wp_font_library_wp_admin_render_page/?output_format=md#description)󠁿

Call this function from add_menu_page or add_submenu_page.
This renders within the
normal WordPress admin interface.

## 󠀁[Source](https://developer.wordpress.org/reference/functions/wp_font_library_wp_admin_render_page/?output_format=md#source)󠁿

    ```php
    function wp_font_library_wp_admin_render_page() {
    	?>
    	<style>
    		/* Critical styles to prevent layout shifts - inlined for immediate application */

    		/* Background colors */
    		#wpwrap {
    			background: var(--wpds-color-fg-content-neutral, #1e1e1e);
    			overflow-y: auto;
    		}
    		body {
    			background: #fff;
    		}

    		/* Reset wp-admin padding */
    		#wpcontent {
    			padding-inline-start: 0;
    		}
    		#wpbody-content {
    			padding-bottom: 0;
    		}

    		/* Hide legacy admin elements */
    		#wpbody-content > div:not(.boot-layout-container):not(#screen-meta) {
    			display: none;
    		}
    		#wpfooter {
    			display: none;
    		}

    		/* Accessibility regions */
    		.a11y-speak-region {
    			inset-inline-start: -1px;
    			top: -1px;
    		}

    		/* Admin menu indicators */
    		ul#adminmenu a.wp-has-current-submenu::after,
    		ul#adminmenu > li.current > a.current::after {
    			border-inline-end-color: #fff;
    		}

    		/* Media frame fix */
    		.media-frame select.attachment-filters:last-of-type {
    			width: auto;
    			max-width: 100%;
    		}

    		/* Responsive overflow fix for #wpwrap */
    		@media (min-width: 782px) {
    			#wpwrap {
    				overflow-y: initial;
    			}
    		}
    	</style>
    	<div id="font-library-wp-admin-app" class="boot-layout-container"></div>
    	<?php
    }
    ```

[View all references](https://developer.wordpress.org/reference/files/wp-includes/build/pages/font-library/page-wp-admin.php/)
[View on Trac](https://core.trac.wordpress.org/browser/tags/7.0/src/wp-includes/build/pages/font-library/page-wp-admin.php#L241)
[View on GitHub](https://github.com/WordPress/wordpress-develop/blob/7.0/src/wp-includes/build/pages/font-library/page-wp-admin.php#L241-L298)

## User Contributed Notes

You must [log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Ffunctions%2Fwp_font_library_wp_admin_render_page%2F)
before being able to contribute a note or feedback.